Components

Components are self-contained UI building blocks stored as source code. Each one ships with metadata, code files, and a live preview.

Component structure

Every component includes:

• Source files — e.g. index.html, style.css, script.js and per-concern CSS/JS modules for Vanilla, or App.tsx and friends for React
• design-tokens.css — colors, typography, spacing, and dark-mode tokens, so the whole component can be re-themed by swapping one file
• component.md — a generated readme describing the component's structure and behavior
• Framework, category, and tags — used for browsing and search
• Dependencies — npm packages required (if any)

Supported frameworks

Framework	Status
React + Tailwind	Available
React + CSS Modules	Available
Vanilla JS	Available
Figma	Available (design source)
Vue, Svelte, React + SASS	Coming soon

Previews, likes, and clones

Components render in an isolated live preview. You can like and bookmark components, and every clone records its lineage — the clone tree on the detail page shows where a component came from and what was built on top of it.

Exporting

From the workspace you can copy individual files or download the raw source. The Export menu also offers the MCP route — copy a ready-made prompt that has a connected coding agent fetch the component with get_component and add it to your project (see API Reference below).