Blocks
Full-page UI showcases built from Feature Kits — preview, copy, and install in one command.
Blocks are complete screens composed from the kits: dashboard shell, tables, forms, auth, uploader, and theme. Each block includes a live preview with mobile, tablet, and desktop widths, copyable source, and a shadcn registry install.
Gallery
Dashboard overview
BlockShell, stat cards, activity chart, and a recent accounts table.
dashboardshelltable
View blockData table CRUD
BlockFiltered list, row actions, and create/edit in a sheet.
tablecrudsheet
View blockDetail page
BlockRoute breadcrumbs, title header, and tabbed sections.
detailtabsbreadcrumb
View blockSettings area
BlockSecondary nav, profile form, preferences, and theme selector.
settingstheme
View blockAuth pages
BlockSign-in, sign-up, forgot password, and split-screen layouts.
auth
View blockUploader / import
BlockFull-page import flow with template download and validation.
uploaderimport
View blockEmpty, loading & error
BlockDashboard screens for empty data, pending loads, and failures.
statestable
View blockTop-nav-only app
BlockApplication chrome without a sidebar — horizontal primary nav.
navigationtop-nav
View blockHow blocks differ from examples
| Examples | Blocks | |
|---|---|---|
| Scope | Focused kit demos | Full-page product UI |
| Preview | In-page component | Iframe + viewport toggle |
| Install | Kit-level registry | Per-block registry item |
Start from the installation registry setup, then run the CLI on any block page.