Thoughtful components for product engineers and AI coding assistants.
Built with Base UI, Tailwind CSS v4, Motion, and TanStack Start.

Documentation · Registry Manifest · LLMS.txt · Blocks Catalog

Quick Start

Install any component directly into your project:

npx shadcn@latest add https://ui.iandefined.com/r/button.json

The registry declares cn as a dependency for components that use it, so the CLI installs the package automatically.

Or install complete multi-file blocks:

npx shadcn@latest add https://ui.iandefined.com/r/sidebar-01.json

Local Development

Install dependencies:

pnpm install

Start the Vite development server:

pnpm dev

Build installable registry JSON (public/r/*):

pnpm registry:build

Build static documentation and LLM assets (public/docs/*, public/llms*):

pnpm static:build

Run tests and verification:

pnpm typecheck   # Type checking with TypeScript
pnpm docs:check   # Validate all 42 MDX pages and registry mappings
pnpm check        # Format checking and Biome/Vite+ linter
pnpm fix          # Auto-format and auto-fix linter issues

Build and preview production bundle:

pnpm build
pnpm preview

License

MIT © Ian de Jesus