Editable React components and blocks inspired by designs found online. The site has previews, documentation, and a shadcn registry. Blocks contains the installable catalog. Components contains the reusable component catalog. The site is styled with the Graphite design system: see DESIGN.md for its rules and tokens, and the Graphite integration reference for source status and component APIs.
Blocks use React 19, TypeScript, and Tailwind CSS 4.
pnpm install
pnpm devOpen http://localhost:3000.
With the site running, install a block from its registry URL:
pnpm dlx shadcn@latest add http://localhost:3000/r/section-rail.jsonReplace section-rail with the name of any block in the catalog. The source is added to src/components/blocks in your project, where you can edit it.
To install with a coding agent, use Copy prompt for agent on the site. You can also point the agent to http://localhost:3000/llms.txt for setup and installation instructions. A remote agent needs the site's public URL instead of localhost.
Edit block source in src/registry/blocks, metadata in registry.json and documentation in content/docs/blocks/<name>.mdx. Do not edit generated files in public/r, public/docs/blocks, or public/llms.txt.
pnpm registry:validate
pnpm registry:build
pnpm test
pnpm typecheck
pnpm lint
pnpm buildpnpm dev and pnpm build generate the registry and agent guides. Run pnpm registry:build after changing registry content while the dev server is running. Use pnpm test:e2e for browser tests and pnpm test:consumer to verify installation in a separate Next.js app.
Before deploying, set NEXT_PUBLIC_SITE_URL to the site's public origin and run pnpm build. This sets the public URLs used in install commands, copied prompts, registry metadata, canonical URLs, the sitemap, and share cards. On Vercel, the project's production domain is used when the variable is unset.
The project source is MIT licensed. Bundled fonts use the SIL Open Font License 1.1. See THIRD_PARTY_NOTICES.md.