All collections · 160 templates · 28 live demos · 45 free
Motion components.
Small animated pieces you add to a site you already have: text effects, cursors, loaders, buttons and page transitions. Good when you want one detail to feel alive without a full redesign.
Coverflow
Nine album-style covers on a 3D rail with a mirrored reflection under the center card
Crypto Wallet App
A violet and teal crypto wallet with a portfolio donut and a working send screen
Kanban Board
A light project board where you drag cards between columns and the counts update
Lens Gallery
A magnifying lens rides your cursor over an image grid and shows a 2.5x close-up
Listings Admin
A real estate listings table with a map whose pins light up as you hover each row
Magnet Button
A pill button that is pulled toward your cursor and bursts with a ripple on click
Marquee Cards
Three rows of image cards race in opposite directions and lean as you scroll
Media Library
A dark media library with folders, grid and list views and bulk actions
Noise Field
A violet to coral gradient melts through grain and leans toward your cursor
Ops Console
A terminal-style service console with live latency lines and a streaming log
Orbit Globe
A globe of glowing points with orbiting satellites you can spin and light up
Patient Vitals Monitor
A clean teal health screen with a live pulse line, oxygen ring and medication checklist
Pill Tabs
Five tabs share one sliding pill that springs to the active tab
Pulse Button
A round play button breathes on its own rings and fires a burst when you let go
Revenue Overview Dashboard
An ecommerce revenue dashboard whose charts redraw when you switch the date range
Ring Slider
Ten portrait cards stand on a turntable that you spin by dragging
Ripple Text
A giant word sits in water and ripples wherever your pointer moves
Spend Tracker
A lavender budget app where adding an expense updates every total and chart
Split Reveal
A giant headline splits in half as you scroll and reveals a horizon behind it
Stack Deck
Throw the top card off a stack of gradient cards and watch it slide back underneath
Team Directory
Search and filter a company directory and open anyone's profile in a side panel
Liquid Metal Button
A dispersion shader turns a plain pill into poured, prismatic chrome
CRT
One WebGL pass bends, scans and blooms any 2D canvas into a humming tube
Energy Orb
A living sphere of fbm smoke with a fresnel rim, soft halo and drifting starfield
Laser
One shader, four beam geometries: blade, array, aperture and relay
Liquid Form
A raymarched chrome body reshaped every frame by three octaves of simplex noise
Orbital Sphere
15,000 Fibonacci-sphere points, sculpted by trigonometric noise, circled by six orbits
Portal Field
Two warped ring SDFs glow into a private gate between systems
3D Character Rotate Reveal
Each letter rotates in 3D space on scroll, revealing words with depth
3D Coverflow Drag Carousel
Vinyl sleeves fan out in 3D coverflow, with reflective floor and drag-to-browse inertia
3D Letter Flip on Hover
Each character becomes a thin 3D card that flips to reveal an accent color, driven by CSS 3D transforms
Activity Ring Gauge Counter
Concentric progress rings sweep to their goals while numbers count up in the center
Agent Forge Node Editor
A draggable node-graph canvas where AI agents connect via animated bezier links with flow particles
Animated Film Grain Overlay
A featherweight film grain that shimmers over the whole page without touching the GPU budget
Animated Weather Icon Set
Living weather icons: drifting clouds, falling rain, pulsing sun and forked lightning
Cellular Automaton Transition
Pages dissolve and reassemble via a Game-of-Life-like cellular automaton
Chromatic Aberration Hover
Images split into RGB channels that shift independently on hover, like a lens defect
Chromatic Glitch Text
RGB channels split and shift on interaction, revealing a glitchy spectral depth
Circuit Trace Preloader
PCB traces etch themselves into existence, branching like lightning until the logo completes the circuit
Click-Origin Circle Transition
Page changes burst outward as a circle from exactly where you clicked, carrying the next color
Cloth Drape Page Transition
A simulated cloth falls and lifts between routes, wrinkles and all
Compass Target Cursor
A minimal cursor ring with a needle that points to the nearest interactive element
Confetti Burst Checkbox
Checking a pledge draws a hand-inked tick and bursts seeds of confetti from the box
CRT Scanline Post Overlay
Turn any page into a glowing CRT: curvature, scanlines, phosphor mask and rolling interference
Cube Rotation Page Transition
Pages transition by rotating a 3D cube, each face a route
Depth Parallax Hover
Images with depth maps reveal 3D parallax on hover, like looking through a window
Drag-to-Dismiss Bottom Sheet
A springy bottom sheet with snap points, rubber-banding and a backdrop that tracks the drag
Dynamic Island Notification
A pill-shaped notch that morphs open into rich notifications and collapses back with springs
Questions
Which frameworks?+
Most components are framework-agnostic or React; each prompt states its stack and outputs typed, accessible code.