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 · Icons

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

Optional Umami Analytics

Umami analytics is enabled only when both of these variables are set in the environment that runs pnpm build. For Cloudflare deployments, add them under the project’s Build → Variables and secrets settings:

VITE_UMAMI_SCRIPT_URL=https://umami-neptune.messy.top/script.js
VITE_UMAMI_WEBSITE_ID=756db1fe-2f10-4965-a610-200986f5a5bd

This is optional: if either variable is missing or empty, the Umami script is not included in the generated site.

License

MIT © Ian de Jesus