Component Registry

Components

Interactive, motion-first React & Tailwind components. Preview live, copy the TSX source, or install directly with the shadcn CLI.

Magnetic Button

free

Motion Primitives

Cursor-tracking magnetic button with spring physics and an animated shimmer sweep.

motionlucide-react

Code & CLI

Animated Tabs

free

Motion Primitives

Segmented pill tabs powered by Motion layoutId for fluid spring transitions.

motion

Code & CLI

macOS Dock

pro

Motion Primitives

Mouse-proximity magnification dock with spring scaling and floating tooltips.

motionlucide-react

Code & CLI

Animated Breadcrumb

free

Motion Primitives

Collapsible breadcrumb trail with smooth popLayout transitions when expanding.

motionlucide-react

Code & CLI

schema.prisma

AI Prompt Input

pro

AI Interfaces

Multi-model AI prompt composer with context attachment chips and animated send/stop control.

motionlucide-react

Code & CLI

Assistantstreaming

AI Chat Stream

free

AI Interfaces

Token-by-token blurred fade-in streaming response card with copy and replay actions.

motionlucide-react

Code & CLI

registry.install142ms

// output

{ "component": "magnetic-button", "status": "done" }

AI Tool Call Card

pro

AI Interfaces

Expandable agent tool execution status card with live running/completed states and JSON output.

motionlucide-react

Code & CLI

v2.0 · Registry Live

Precision UI primitives for modern web apps.

Copy-pasteable React & Tailwind components engineered with spring physics.

Spotlight Hero

pro

Marketing & Blocks

Hero block with cursor-following radial spotlight glow and staggered entrance.

motionlucide-react

Code & CLI

Zero Lock-in

Own every line of source code.

60fps Springs

Hardware-accelerated Motion.

Type-Safe

Strict TypeScript props.

AI Ready

Built for shadcn CLI & MCP workflows.

Bento Grid

free

Marketing & Blocks

Responsive asymmetric feature grid with hover elevation and subtle border highlights.

motionlucide-react

Code & CLI

Pro Access

All blocks & templates

$19/mo

50+ Motion & AI components
Private shadcn CLI registry
Lifetime updates & commercial use

Pricing Cards

pro

Marketing & Blocks

Interactive billing cycle toggle with animated price transitions and highlighted Pro card.

motionlucide-react

Code & CLI

⌘K

Command Palette

pro

Interactive Widgets

⌘K command menu with real-time search filtering and spring-animated active row highlight.

motionlucide-react

Code & CLI

Click to expand stack3 active

Registry Built

13 components synced to /r

Just now

Deployment Ready

Production bundle verified

2m ago

New Star

ibiUI gained a star

14m ago

Notification Stack

free

Interactive Widgets

Collapsible stacked toast notifications that expand into a full list on click.

motionlucide-react

Code & CLI

Drop files here or click to browse

TSX, JSON, SVG up to 10MB

magnetic-button.tsx2.4 KB

File Uploader

free

Interactive Widgets

Drag-and-drop file upload dropzone with animated file list and instant removal.

motionlucide-react

Code & CLI

Tool Approval Requireddeploy.prod

Push 18 registry items to production CDN.

AI Tool Approval

pro

AI Interfaces

Hold-to-approve safety gate for AI agent actions with live progress fill and reject state.

motionlucide-react

Code & CLI

Registry MRR

$14,280.40+8.1%

Financial Chart

pro

Data & Charts

Animated SVG area & line metric card with timeframe switcher (1D, 1W, 1M, 1Y).

motionlucide-react

Code & CLI

November 2026

Animated Calendar

free

Data & Charts

Month calendar picker with spring layoutId day selection and month navigation.

motionlucide-react

Code & CLI

Electric Blue

Color Selector

free

Interactive Widgets

Interactive swatch palette with spring ring indicator and one-click hex copy.

motionlucide-react

Code & CLI

Motion Tooltip

pro

Motion Primitives

Spring-tilting floating tooltips that react to cursor velocity across an avatar stack.

motion

Code & CLI

Thought for 1.2s

Parsing user intent & constraints180ms

Retrieving 4 matching registry schemas420ms

Validating Tailwind v4 & Motion props310ms

Synthesizing final component tree290ms

AI Reasoning Chain

pro

AI Interfaces

Expandable chain-of-thought timeline with live step progress, timings, and replay.

motionlucide-react

Code & CLI

AI Voice Orb

pro

AI Interfaces

Reactive glowing voice assistant orb with idle, listening, and speaking wave animations.

motionlucide-react

Code & CLI

src/hooks/use-debounce.ts+3 -1

12 export function useDebounce<T>(value: T, delay = 300) {

13- const [state, setState] = useState(value);

13+ const [debounced, setDebounced] = useState<T>(value);

14 useEffect(() => {

15+ const id = setTimeout(() => setDebounced(value), delay);

16+ return () => clearTimeout(id);

17 }, [value, delay]);

AI Code Artifact

pro

AI Interfaces

Inline AI code diff viewer with line numbers, +/- highlights, and animated Apply Diff button.

motionlucide-react

Code & CLI

Extended Thinking

AI Model Selector

free

AI Interfaces

Spring-animated model switcher card with capability badges and extended thinking toggle.

motionlucide-react

Code & CLI

Modern component registries combine spring-driven micro-interactions, Next.js static prerendering and open CLI schemas for zero lock-in ownership.

[1] motion.dev

Shared layout animations with layoutId

Use layoutId to animate smoothly between distinct elements across state changes.

AI Citation Card

free

AI Interfaces

Grounded AI answer with interactive inline citation pills linked to live source cards.

motionlucide-react

Code & CLI

Connectors

4 servers · 11 tools

GitHub

Connected·Remote·3/4 tools

Linear

Connected·Remote·3/3 tools

Postgres

Connected·Local·2 tools

Slack

6 tools enabled · 2 ask first

Server Manager

pro

AI Interfaces

Turn MCP servers on and off, reconnect one that needs sign-in, set each tool to Allow, Ask, or Off, and add a server by URL.

motionlucide-react

Code & CLI