Browse collection
Library
Index — 75
Browse production-ready motion demos. Open any item for live preview, full page view, and copy-ready HTML, CSS, and JavaScript.
75 animations
7 categories
A–Z · Group filter
Showing 61–70 of 75
Scroll
Scroll-driven horizontal shutters that open full-bleed images in staggered rows — cinematic chapter transitions for editorial pages.
Components
A premium range slider with expanding fill, drag grip, and keyboard control — polished form control for settings and value pickers.
Navigation
A full-width mega menu with smooth panel motion and layered reveals — polished site navigation for complex link sets.
Sliders
A draggable 3D spatial card slider with GSAP inertia, curved depth, and an inverted-curve variant — premium product and editorial carousels.
Scroll-stacked 3D cards powered by CSS view timelines and smooth Lenis scroll — pure-CSS narrative sections.
Scroll-stacked cards with parallax and subtle rotation on the previous layer — cinematic storytelling sections.
Sticky cards that stack with a bounce as you scroll — narrative sections with physical, layered energy.
Step-by-step content advanced by swipe gestures — onboarding and stories with crisp horizontal pacing.
Sticky feature panels with scroll-linked visuals and a progress bar — product benefits that stay in frame as you read.
Sticky step indicators tied to scroll progress — process explainers that stay oriented as content moves.
Page 7 of 8