Getting startedIntroduction
Introduction
A searchable component registry with structured metadata for humans and coding agents.
What you get
Every component ships as plain HTML and Tailwind classes, with a matching .tsx file you copy directly into your project. There is no runtime package to install and no dependency to keep in sync.
Structured metadata
Each component also carries structured metadata — when to use it, when to avoid it, accessibility notes, and related components — so an agent reading the registry can make the same decisions a designer would.
Built for agents and humans. The same registry.json that documents a component for a person also gives a coding agent enough context to use it correctly on the first try.
Quickstart
Most people are copying their first component in under a minute.
- 1
Install the CLI
Run it once with your package manager — nothing to configure first.
- 2
Find a component
Browse by category or search by name, then open the variant you want.
- 3
Copy it in
Add it with the CLI, or copy the HTML or TSX straight from the code panel.