Crafter UI

Use Crafter UI · Components · Agent guide · Style generator

76 components built on shadcn Base UI, with shared light/dark tokens and Crafter atoms, molecules and organisms.

Start with your agent

Open ui.crafter.run, click Use in my project, and paste the prompt into your coding agent. The design guide gives your agent shared component and token guidance for future UI work while respecting your existing tools. No new app or starter download is required.

Create your own design system

Use the style generator to choose your own identity, tokens and components and export a separate registry.

For an optional new demo app, the starter ZIP includes the registry, theme and setup script. Extract it and run from its crafter-registry directory:

bun scripts/create-app.ts /absolute/path/to/my-app

The destination must be new. Existing projects should follow the design guide to install selected components and review conflicts.

Develop

The production app lives in studio/.

cd studio
bun install
bun run dev --port 4324

bun test lib
bun run check
bun run build
bun run typecheck

Production

Vercel project: crafter-station/crafter-ui. Root directory: studio. Production branch: main. Install: bun install --frozen-lockfile. Build: bun run build.

The custom domain ui.crafter.run uses Spaceship DNS and Vercel HTTPS. Pushes to main deploy automatically. No application secrets are required for the library, registry or export routes. Theme drafts stay in the browser until exported.

The older application at the repository root is retained for reference; Vercel builds studio.