103 components
Components
Click any to preview, copy the source, install with the CLI, or grab a ready-made AI prompt.
103 components
Click any to preview, copy the source, install with the CLI, or grab a ready-made AI prompt.
Move your cursor across the card.
A card that tilts in 3D toward the cursor with a glare
Move your cursor to reveal the glow.
A card with a spotlight that follows the cursor
Light travels around the edge.
A card with a beam of light travelling its border
Hover to reveal
Smooth animations reveal richer content when you interact.
A card that reveals its content on hover
Hover to see what's on the other side.
Two faces stacked in one perspective plane, rotated on the Y-axis. No slide, no fade - a genuine flip.
A card that flips in 3D on hover to reveal a feature list
A stack of cards that fans out into a spread on click
Hot Reload
Dev Server
A frosted glass card with a liquid distortion effect and mock player controls
This week’s delivery cadence at a glance.
Three concentric progress rings animating in from a database
A grid that leans away from your cursor and lights up as it passes.
A dot grid that reacts to and repels from the cursor
Token-driven, no hardcoded colour.
Copy-paste source, zero required props.
Reduced-motion aware, 60fps by default.
A depth-stacked deck that auto-cycles, sending the front card to the back
A grid of tiles that tilt in 3D toward the cursor, with a ripple on click
Cool text animations for your projects.
Smooth motion for your projects.
Reusable pieces for your projects.
Beautiful backdrops and patterns.
A draggable, snap-to-slide carousel with dot indicators
Alex Rivera
@alexrivera
A profile card that tilts with a holographic sheen sweeping across it
A scrollable list whose bottom edge fades into a gradually increasing blur
Hover to reveal
A grid of pixels dissolves in from the edges on hover
A folder icon that fans out three papers on click
Move near an edge
The nearest side lights up
Only the edge nearest the cursor lights up
Hover me
A glare sweeps across on hover
A diagonal light glare that sweeps across the surface on hover
Dropped three Flux components into a client dashboard and it instantly looked like we'd hired a motion team.
The tokens just work. Everything themes together out of the box — no fighting stray hex values.
Copy, paste, done. My AI agent wires these up in seconds and they never jank on a scroll.
Dropped three Flux components into a client dashboard and it instantly looked like we'd hired a motion team.
The tokens just work. Everything themes together out of the box — no fighting stray hex values.
Copy, paste, done. My AI agent wires these up in seconds and they never jank on a scroll.
Finally a registry where every effect respects reduced-motion. Accessibility for free is a rare treat.
The tilt card alone earned its keep. Reviewers thought we'd spent a sprint on it — it was ten minutes.
Smooth, tasteful, and it all runs on transform and opacity. Exactly the kind of polish I want to ship.
Finally a registry where every effect respects reduced-motion. Accessibility for free is a rare treat.
The tilt card alone earned its keep. Reviewers thought we'd spent a sprint on it — it was ten minutes.
Smooth, tasteful, and it all runs on transform and opacity. Exactly the kind of polish I want to ship.
Two rows of review cards scrolling in opposite directions, fading at the edges and pausing on hover
A video poster whose play button springs open a modal player
Shipped: Flux components now animate in under a millisecond of layout thrash.
Every effect in the registry runs on transform + opacity only, so it holds 60fps even on mid-range hardware.
Tried the tilt card in prod today, feels great on trackpad and touch alike.
A social-post style card with a quoted reply thread
Everything included, nothing extra to install.
Measured on every release.
Where Flux has been, and what's next.
First components shipped
Motion primitives added
Public registry launch
Reduced-motion audit
A bento-style grid mixing a checklist, a metric bar, and a timeline tile
Every animation renders at 60fps with zero layout thrashing.
Copy the source straight into your project - no package to install or maintain.
MIT-licensed, so you can ship it, fork it, or rebrand it freely.
Every prop, ref, and variant is fully typed end to end.
Built on Motion's spring physics for interactions that feel alive.
Paste a reference snippet and an agent rewrites it as a native component.
A grid of feature cards that tilt toward the cursor and dim their siblings on hover
A horizontally scrollable carousel of listing cards