Ship cinematic UI in minutes, not weeks.
npx uniqueui add heroWorks with Next.js & React ·Zero-config motion.dev animations ·Copy-paste architecture
Ribbon trail
Move your mouse — a physics-driven ribbon trails the pointer.
Built if you ship UI, not slide decks.
- You want motion.dev springs in real pages, not a motion lab prototype.
- You prefer one `.tsx` you can diff, not a black-box runtime package.
- You already live in Tailwind and Next — this meets you there.
Surfaces in the registry
Same flow as reading internal docs.
Marketing & hero
Aurora, gradients, and stacked narratives that read expensive without a design agency.
Layouts & bento
Grids, card stacks, and spatial transitions you can tune with plain Tailwind utilities.
Input & chrome
Docks, tabs, drawers, and micro-interactions that behave correctly with keyboard and screen readers.
Depth & lighting
Spotlight, tilt, and parallax tricks that stay on the GPU and respect reduced motion.
Progress & timelines
Roadmaps, onboarding sequences, and status stories with spring-based choreography.
What lands in your editor
Files you own. Commands you already type.
project
npx uniqueui add morphing-card-stackInstalls npm deps from the registry entry, writes the file under components/ui, merges Tailwind keyframes when needed.
Where UniqueUI wins time
Not a feature matrix for procurement — a quick read for engineers deciding how to spend the afternoon.
| Comparison criteria | Hand-rolled | Heavy UI kit | UniqueUI |
|---|---|---|---|
| Time to first spring hero | Days–weeks | Hours + lock-in | Minutes |
| You keep the source | Yes | Often no | Yes — pasted files |
| Motion style | Whatever you write | Kit defaults | motion.dev springs |
Still interactive
Same primitives as inside your app.
Spotlight
Soft follow-light for heroes and pricing columns.
Tilt
Hover parallax with sane limits for trackpads.