Blocks
Installable, composed blocks with add instructions.
Registry blocks are larger, composed pieces you install into an existing project
with create-saas-starter add. Each block page carries a live preview and its
install command. Unlike the components/ui/* primitives, blocks are wired to
their feature's tRPC surface, so each has a Requires list — add pulls in what
it needs.
Because the docs site has no backend, block previews mount the real block
component against a stand-in tRPC client (no network), seeding representative data
where a block would otherwise render its empty state. The preview is the actual
apps/web code — a template change that breaks a block breaks this site's build.
Blocks
- Org invite dialog — invite a member (requires
orgs) - Billing upgrade card — plan + upgrade CTA (requires
billing) - Usage quota banner — near-limit warning (requires
usage,flags) - Recent activity card — recent audit entries (requires
audit-log) - Two-factor setup card — enable/disable TOTP (requires
auth) - Active sessions card — live sessions + revoke (requires
auth) - API key manager — create/reveal/revoke API keys (requires
api-keys) - File dropzone — drag-and-drop uploads (requires
files) - Admin user lookup — search + impersonate users (requires
admin) - Plan comparison grid — plan matrix + checkout CTAs (requires
billing) - Usage trend chart — usage-over-time chart (requires
usage)
Every registry block has a page here — an apps/docs honesty test fails the
build if one is missing.