Build a production UI kit from curated blocks, tokens, and exportable structure.

Collapsible sidebar with nested groups and quick create.

Breadcrumbs, page state, tabs, and compact page actions.

Bottom-sheet navigation with search, recents, and pinned links.

Accessible tabs with keyboard roving focus and URL sync.

Developer docs entry with search, version switcher, and status.

Email capture, social proof, progress rail, and referral prompt.

Full-bleed media hero with inspectable feature hotspots.

First viewport is the application surface with pinned controls.

Responsive customer logo cloud with motion-safe marquee.

Dense feature comparison matrix with proof points.

Editorial quote wall with filtering by audience and role.

Timeline for releases, tags, authors, and linked docs.

Comparison section with sticky headers and grouped rows.

Compact metrics with deltas, spark bars, and loading states.

Accessible line, bar, and area chart card system.

Realtime event feed with severity, grouping, and unread state.

Generated report surface with citations and export actions.

Composable product card with variants and stock status.

Plans, add-ons, monthly/yearly switch, and feature grouping.

Multi-step checkout with totals, discounts, and validation.

Cart drawer with quantity controls and optimistic updates.

Invoice, payment history, receipts, and download actions.

Drag-ready form schema preview with validation adapters.

Account settings, autosave, dirty state, and danger zone.

Progressive setup flow with cards, steps, and completion state.

Dropzone with progress rows, validation, and retry actions.

Authenticated layout with sidebar, topbar, and content regions.

Workspace layout with file rail, inspector, and command bar.

Two-column settings layout with anchors and save footer.

Empty, loading, error, and permission state templates.

Global command palette with grouped commands and shortcuts.

Composer with attachments, variables, and prompt shortcuts.

Task plan, terminal output, artifacts, and timeline panel.

Model eval table, traces, scores, and comparison charts.

Source citation drawer with confidence and excerpt previews.

Email, password, SSO, passkey hint, and recovery states.

Invite acceptance, role preview, and account merge flow.

QR setup, recovery codes, verification, and trusted device.

Role-aware gate, upgrade CTA, and audit-friendly copy.

Avatar menu with teams, billing, keyboard shortcuts, and logout.

Quota meters, spend forecast, model costs, and alerts.

Plan cards, proration notes, and confirmation flow.

Cards, invoices, tax info, and secure update state.

Seat allocation, pending invites, and billing impact preview.

Threshold editor with channels, previews, and test send.

Docs sidebar, article body, TOC, and version notices.

Rich article template with author, media, and related links.

Customer story layout with metrics, quotes, and timeline.

Versioned releases with tags, authors, and RSS-ready data.

Filterable cards for guides, templates, videos, and examples.

Dialogs, sheets, alert dialogs, and keyboard focus traps.

Success, warning, error, and info callouts with actions.

Approvals, comments, diffs, and decision state.

Milestones, task state, ETA, and cancel/retry controls.