Blocks

Shadcn-style sidebar for React. Collapsible navigation sidebar with groups, icons, badges, and responsive behavior.

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

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

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

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

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

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

Shadcn-style dashboard sidebar for React. Sidebar + main layout with mobile trigger, collapse, and responsive behavior.

Shadcn-style minimal sidebar for React. Minimal sidebar shell — just nav links, no extra chrome.

Shadcn-style grouped sidebar for React. Sidebar shell with grouped section headings for larger nav trees.

Shadcn-style user sidebar for React. Sidebar shell with user profile footer — avatar, name, and account actions.

Shadcn-style search sidebar for React. Sidebar shell with embedded search input above the nav links.

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

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

Compact message thread preview card with avatar and unread count.

Team invite modal with role selector and email input.

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

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

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

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

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

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

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

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

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

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

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

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

Role assignment dropdown with descriptions and current-role check.

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

Anchored floating action button with optional expanding actions menu.

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

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

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

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

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

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

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

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.

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