UniqueUI  v1.0.0

Animated React components · motion.dev

Ship cinematic UI in minutes, not weeks.

Copy‑pasteablepowered by motion.dev and Tailwind.
Browse components
npx uniqueui add hero

Works with Next.js & React ·Zero-config motion.dev animations ·Copy-paste architecture

Live playground

Trusted building blocks

Designed for production teams who care about motion, craft, and copy‑paste speed.

Dozensof animated components
Motion‑firstbuilt on motion.dev springs

Component gallery

A curated set of motion‑rich components

Aurora hero ->

Gradient‑driven hero layout with floating aurora background and layered depth.

Morphing stack ->

Interactive card stack that morphs between layouts with springs.

Spotlight cards ->

Cards that track your cursor with soft, cinematic lighting.

How UniqueUI fits your stack

From install to customization in three steps. No design system overhaul, just focused drops of motion where it matters.

1 · Install the CLI ->

Run `npx uniqueui init` once in your project to set up the generator and base styles.

2 · Add components ->

Use `npx uniqueui add <component>` to drop in animated sections as single‑file React components.

3 · Tune the details ->

Edit Tailwind classes and motion.dev props to match your brand without touching low‑level motion.

Spotlight hero

Layer spotlight, gradients, and depth to turn any heading into a centerpiece.

3D tilt cards

Parallax hover interactions that respect motion preferences and keep performance snappy.