An AI-native design system.
Copy code, copy prompts, copy the whole context bundle into Claude Code, Cursor, v0, or Bolt — port any component into your stack in one paste.
How to use with any AI
- 01
Pick a component.
Browse the grid or hit
⌘Kto search. - 02
Copy the Bundle tab.
One click grabs prompt + resolved tokens + source + a11y — ~1–2KB of pasteable context.
- 03
Paste into any agent.
Claude Code, Cursor, v0, Bolt — the component ports into your stack in one turn.
Featured
All 19 components →AnimatedText
motionWord-by-word or character-by-character staggered text reveal.
CharacterReveal
motionCharacter-by-character text reveal with spring-animated masking.
CustomCursor
overlayCustom branded cursor replacement with smooth trailing motion.
EmeraldButton
inputDealDash's flagship button — Linear-style 36px control, tokenized elevation, brand glow on hover, 1px press sink. Six variants, six sizes.