Fenod shadcn registry

Pick a block by job, preview it, install it

Storybook-style catalog for Fenod TanStack Start apps. Browse from the left sidebar, search with ⌘K, and keep project themes local via CSS tokens.

Consumer setup
Add the registry once in each app's components.json.
{
  "registries": {
    "@fenod": "https://fenod-ui.fenod.workers.dev/r/{name}.json"
  }
}
pnpm dlx shadcn@latest add @fenod/dashboard-shell

Start from a job

Collections group blocks by outcome, not implementation tags.

For humans
Open a block from the sidebar, read Usage, copy the install command, wire typed props and callbacks in your app.

Example

pnpm dlx shadcn@latest add @fenod/work-queue

For AI agents
Discover via registry JSON, install with shadcn, map DTOs at the feature boundary. Full guide in docs/usage.md.

Registry index

https://fenod-ui.fenod.workers.dev/r/registry.json

One item

https://fenod-ui.fenod.workers.dev/r/work-queue.json

Common starting points

Good first installs for a new Fenod admin.

Search catalog

Jump to a block, collection, or component.