Parallax Strip Transition | DevClub UI

BUTTONS & ACTIONS

Animated Button ASCII Hover Button Candy Button Confirm Morph Sparkle Button

INPUTS & FORMS

File Dropzone File Upload Morph Invite OTP Input

SEARCH & COMMANDS

Morph Search Search Input Spotlight Search

NAVBAR

Curtain Navbar Curved Navbar Fullscreen Navbar

NAVIGATION

File Tree Gooey Nav Hook Sidebar Proximity Sidebar

SLIDERS & TOGGLES

Liquid Toggle Mac Slider Mac Switch Slider Theme Toggle

MENUS & OVERLAYS

Profile Menu Reveal Sheet

CARDS & TESTIMONIALS

Focus Testimonials Pixel Card Scrolling Cards Task Card Twitter(X) Card

GALLERIES & MEDIA

Liquid Media Orbit Gallery Project Reveal

PAGE TRANSITIONS

Parallax Strip Transition

AI & EDITORS

AI Input AI Orb Selection AI Editor Thinking Orb

CHARTS & GRAPHS

Candlestick Chart

DATA & DISPLAY

Animated Counter Code Block GitHub Activity Scales & Borders Task List

BACKGROUNDS & EFFECTS

Dither Noise Background Scroll Text

FEEDBACK & PROGRESS

Segmented Progress Stepper Toast

LOADERS

Cursor Trail Loader Grid Image Loader Image Loader Loader

ACCORDIONS

Blur Reveal Accordion Dotted Accordion Smooth Accordion

CLOCKS & TIMERS

Flip Clock Matrix Clock

DATE & TIME

Date Range Picker

Page Transitions/Parallax Strip Transition

Virat Kohli smiling under stadium lights in his blue India jersey

01

03

Virat Kohli smiling under stadium lights in his blue India jersey. Page 1 of 3.

Customization

Parallax strip transition

Change images to preview the motion.

Strip count10Motion duration0.85sStrip stagger0.03sImage zoom1.12×Autoplay interval6000ms

Autoplay imagesReduce motion