Blocks
Page-level recipes composed from the library
Each block pairs a browser reproduction with the @gpuixui/* source to copy.
Dashboard
An activity dashboard: sidebar nav, a day's time and token stats, and charts — bars, a donut and stacked bars.
Dashboard 01
shadcn's dashboard: an inset sidebar, four stat cards, an interactive area chart, a treemap of the sources, a sankey of the funnel, a sunburst of the devices and a documents table.
Sign in
A full sign-in page: a product navbar, a centred form card with a password reveal and two providers, and an illustrated quote panel that folds away under 900px.
Dashboard management
A 16:9 settings console: a workspace rail beside one column of sections — service health, compute, uploads, deploys, keys, notifications and quick actions.
Desktop
A whole XP-era or Aero-era desktop — wallpaper, shortcuts, windows in the era's chrome, the taskbar and the Start menu — with library components themed by the look inside.
Profile settings
A profile page: photo, name, phone and email over tabbed settings.
Data table
A deploy table: filter, sort, select, hide columns and page through — shadcn's data table over TanStack Table.
Calendar
A month grid with the selected day's agenda beside it, and a Today press.
Kanban board
A hunter's contract board: an app sidebar, four counted columns and contracts that move between them.
Tasks
A Notion-style Tasks view: a workspace sidebar, an inbox of dated tasks, and two rows of document cards whose task counts follow every tick.
Settings dialog
A modal settings window: a section nav beside theme rows — a switch, a font-size slider and two layout cards.
Notifications
A notification centre: three filter tabs, four row bodies, unread dots and an invite you can accept.
Command centre
A command palette over a dimmed page: a filter field, six keyed actions, an arrow-key highlight and a run line.
Pipeline
A release pipeline in a native Mac window: projects in a source list under the traffic lights, a unified toolbar, the stage strip over the work, and an inspector for the chosen item.
File manager
A three-pane browser: a folder tree, a grid of image tiles and the selected file's facts.
Email inbox
A four-pane mail client: folders, a filterable message list, the reading pane and the sender's contact card.
Conversations
A macOS Messages window: a searchable conversation list, the open thread's bubbles and a composer that sends.
Sidebar
All sixteen shadcn sidebar blocks on one page: docs navigation, floating, inset and icon panels, the nested inbox, calendar, settings dialog and site header. Every control is live.
Edit this page on GitHubapps/docs/content/docs/blocks/index.mdx