addRegistryItems
Resolve and install registry items into an existing project.
AI-Ready
Open code for LLMs to read, understand, and improve.
Import Aliases
Aliases for components, ui, lib, hooks and utils used to place and rewrite imports.
Beautiful Defaults
Carefully chosen default styles for great design out-of-the-box.
Chart Palette Tokens
chart-1 through chart-5 provide the default chart palette.
CLI
A command-line tool to distribute and install components across projects with cross-framework support.
CLI Commands
Reference for init, add, search, view, docs, diff, info, build.
components.json Configuration
Project configuration file used by the CLI to generate customized components.
Composition #
Distribution #
Fits Its Container
Follows smaller type in a chat bubble and scales up in an article.
getRegistriesConfig
Load registry configuration from a project directory.
getRegistryItems
Fetch one or more registry items by qualified name.
How do I pull upstream updates in an Open Code approach?
MCP Server
Setup and tools to search, browse, install registry components.
Multiple Presets
Keep more than one preset in the same app, e.g. tighter for chat, roomier for docs.
Open Code #
Overrides
For one-off changes, set a value on the container without a preset.
Radius Scale
--radius base token derives radius-sm through radius-4xl for consistent corner sizes.
Registry Authoring
Build and publish custom registries via registry.json.
resolveRegistryItems
Resolve items with registry dependencies merged into one tree.
Rhythm Controls
Three values control base size, line height, and space between blocks.
React Server Components
When true, the CLI adds a use client directive to client components.
Schema
A flat-file structure that defines the components, their dependencies, and properties.
Sidebar Tokens
sidebar, sidebar-primary, sidebar-accent, sidebar-border and sidebar-ring tokens for sidebar surfaces.
Streaming Stable
New blocks don't make earlier blocks switch margins, borders, or styles.
Style
Component style, fixed after initialization; default deprecated in favor of new-york.
Tailwind Configuration
Tailwind config path, CSS file, base color, CSS variables and prefix settings.
Theme Tokens
Semantic background/foreground token pairs such as background, card, popover, primary, muted and accent.
Theming and Customization
CSS variables, OKLCH colors, dark mode, variants for Tailwind v3/v4.
TypeScript or JavaScript
Setting tsx false adds components as JavaScript with .jsx extension.
Typeset Builder
Pick fonts and rhythm, preview on real content, get typeset.css and a preset class.
Uses Your Theme
Colors, fonts, and radius come from your app; dark mode follows the same tokens.