Blocks · 13 and counting

Blocks for every screen you'll need to ship.

Each block is one file built from the kit's shadcn/ui components and theme tokens. Switch the accent or mode in the header and every preview follows. Copy the source, or open a block on its own.

Marketing

Bento grid

Feature bento with a stat tile, live mini chart and integration tiles.

Pricing

DUI 030

Three plans with a monthly/yearly toggle and a feature comparison table.

Auth and onboarding

Two-factor code

Six-digit one-time code with paste support, resend timer and backup code link.

Onboarding wizard

DUI 023

Three-step workspace setup: name, role and invites, with progress.

App shell

Command palette

DUI 022

⌘K palette with grouped navigation, actions and keyboard shortcuts.

Dashboards and data

Chart cards

DUI 018DUI 066

KPI tiles with sparklines, a bar chart, a donut and a goal meter.

Productivity

Kanban board

Drag-and-drop board with columns, labels, assignees and counts.

Calendar

DUI 038DUI 071

Month grid with events and a day agenda panel.

Communication

Inbox

Three-pane mail: folders, message list with search, reading pane with reply.

Commerce

Checkout

DUI 002

Contact, shipping and card form beside an order summary with promo code.

Settings and account

Settings

DUI 006DUI 007

Profile, notifications, members, billing and danger zone in one page.

System states

404 and 500

DUI 008

Not-found and server-error pages with search and status links.

Empty states

First-run, no-results and all-done states for lists, search and inboxes.