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.

Browse components API reference

How to use with any AI

  1. 01

    Pick a component.

    Browse the grid or hit ⌘K to search.

  2. 02

    Copy the Bundle tab.

    One click grabs prompt + resolved tokens + source + a11y — ~1–2KB of pasteable context.

  3. 03

    Paste into any agent.

    Claude Code, Cursor, v0, Bolt — the component ports into your stack in one turn.

Featured

All 8 components →

AnimatedText

motion

Word-by-word or character-by-character staggered text reveal.

CharacterReveal

motion

Character-by-character text reveal with spring-animated masking.

CustomCursor

overlay

Custom branded cursor replacement with smooth trailing motion.

MagneticButton

input

Button with cursor-proximity magnetic pull for subtle attention in primary CTAs.
8
Components
10
Tokens
0
Patterns