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-shellStart from a job
Collections group blocks by outcome, not implementation tags.
Start an app
6Shells, starter, auth, and first-run setup.
Operate work
6Queues, portals, org home, and day planning.
Manage records
6Tables, CRUD, portfolios, and object detail.
Review and publish
7Approvals, diffs, releases, and publications.
Assets and delivery
8Libraries, uploads, modules, and exports.
Account and access
4Users, roles, audit, billing, and AI chat.
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-queueFor 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.jsonOne item
https://fenod-ui.fenod.workers.dev/r/work-queue.jsonCommon starting points
Good first installs for a new Fenod admin.
Admin Starter
starterOpinionated TanStack Start admin starter composed from the blocks above.
startertanstackadmin
Dashboard Shell
blockResponsive admin shell with collapsible sidebar, team switcher, user menu, breadcrumbs, and header actions.
layoutsidebaradmin
Work Queue
blockAccessible board/list work queue with next-action spotlight, search, WIP warnings, and menu-based moves.
dashboardadminworkflow
Data Table Workspace
blockURL-driven table with filters, sort, pagination, column visibility/reorder/resize, density, and saved views.
datatabletanstack