1014 components · shadcn registry compatible

Every component ships with its recipe

Live preview, full source, the generation prompt, and a concept map — a four-piece kit for every component. Built on React + Tailwind semantic tokens, installed with the shadcn CLI, ready for your agent to restyle.

Browse components Get Pro

Credit CardDisplay

ZYEON

Card number ending in 4242

Card holderAda Lovelace

Expires09/28

Click or press Enter to flip.

RatingInputs

3.5 / 5 — half stars allowed

Hold to ConfirmButtons

KbdDisplay

CtrlControlK⇧Shift↵Enter

Platform-aware — ⌘ on Mac, Ctrl on Windows.

Animated TabsNavigation

Every component renders live, in light and dark.

Comparison SliderMedia

WireframeTokens

Stateful ButtonButtons

Click it — the promise resolves in 1.2s.

Theme Toggle ButtonButtons

Scoped themeThis panel is dark.

Pro

Blocks, charts & app sections

Pricing tables, testimonials, stats and FAQ sections, plus interactive charts — each with full source, generation prompt and concept map.

Get Pro

CountdownDisplay

--Hours

--Minutes

--Seconds

Counting down 9 hours from page load.

OTP InputInputs

Type or paste any 4 digits.

Emoji ReactionFeedback

Word RotateText

Ship the preview, source, prompt, concept map

DockNavigation

Segmented ControlNavigation

Rendered live, in light and dark.

Tags InputInputs

reacttailwind2/5

Copy ButtonButtons

npx shadcn add copy-button

Copies the full install command.