Blocks

Sidebar + main layout with mobile trigger, collapse, and responsive behavior.

Minimal, grouped, profile and search sidebars that drop into the app shell.

App shell variant with horizontal top-tab navigation instead of a sidebar.

Top-nav app shell with branded logo bar — for marketing-flavored dashboards.

Full composable app shell with sidebar, navbar, page header, and body slots.

Two-panel layout with list and detail panes for email/file browsers.

Page shell with header, actions, and body — for settings, forms, and dashboards.

Drag-and-drop kanban board for task management with multi-column layout controls.

A gantt chart maker: bars with start and end, plus optional progress, group, and dependency arrows. Omit move and resize callbacks for a read-only chart.

Rich task item with priority, assignee, due date, and labels.

Drag-to-reorder task list with status, priority, and assignee per row.

Self-contained KPI card block with trend, icon, and comparison period.

Composable filter builder with text, select, and number filter types.

Floating action bar that appears when rows are selected, with configurable actions.

Compact file list view with type icons, size, and last-modified — sibling to file-cards grid.

File/document preview card grid with type icon, size, and metadata.

Team member management with roles, permissions, and invite actions.

Notification preferences screen with grouped channels and per-event toggles.

Third-party service integration card with connected/disconnected toggle.

Team invite modal with role selector and email input.

Multi-user picker with search, avatar previews, and selected chips.

Tag manager modal with create, rename, recolor, and delete operations.

Role assignment dropdown with descriptions and current-role check.

Keyboard-driven command bar (⌘K) with grouped actions, search, and shortcuts.

Authenticated user dropdown with profile, settings, and sign-out.

Organization / workspace switcher dropdown with avatar, name, and create-new.

Segmented toggle button group for exclusive or multi-select mode switching.

Anchored floating action button with optional expanding actions menu.

Floating theme switcher button — palette swatches and dark/light toggle.

Full-featured messaging UI with thread view, reactions, and file attachments.

Compact message thread preview card with avatar and unread count.

Tiptap-based WYSIWYG editor with full toolbar, bubble menu, slash commands, tables, and markdown shortcuts.

Send-feedback modal with category selector and optional screenshot attachment.

Flex-based HStack and VStack layout primitives with gap, align, and justify.

Width-constrained content container with sm / md / lg / xl size variants.

Drag-handle resizable panel container — for split panes and adjustable sidebars.