— Blocks Library
42+ Blocks.
Composed sections you drop into a page — sidebars, metric cards, modals, full screens. 34 web + 8 React Native — fully typed, dark-mode native, with live previews.
Sidebar
Collapsible navigation sidebar with groups, icons, badges, and responsive behavior.
Kanban
Drag-and-drop kanban board for task management with multi-column layout controls.
Bulk Actions
Floating action bar that appears when rows are selected, with configurable actions.
Filters
Composable filter builder with text, select, and number filter types.
Command Bar
Keyboard-driven command bar (⌘K) with grouped actions, search, and shortcuts.
Toggle Button
Segmented toggle button group for exclusive or multi-select mode switching.
Chat Detail
Full-featured messaging UI with thread view, reactions, and file attachments.
App Shell
Sidebar + main layout with mobile trigger, collapse, and responsive behavior.
Sidebar (Minimal)
Minimal sidebar shell — just nav links, no extra chrome.
Sidebar (Groups)
Sidebar shell with grouped section headings for larger nav trees.
Sidebar (User)
Sidebar shell with user profile footer — avatar, name, and account actions.
Sidebar (Search)
Sidebar shell with embedded search input above the nav links.
Metric Card
Self-contained KPI card block with trend, icon, and comparison period.
Task Card
Rich task item with priority, assignee, due date, and labels.
Messages Card
Compact message thread preview card with avatar and unread count.
Invite Modal
Team invite modal with role selector and email input.
Workspace Members
Team member management with roles, permissions, and invite actions.
Integration Card
Third-party service integration card with connected/disconnected toggle.
User Menu
Authenticated user dropdown with profile, settings, and sign-out.
File Cards
File/document preview card grid with type icon, size, and metadata.
Sortable Task List
Drag-to-reorder task list with status, priority, and assignee per row.
Stacked Tabs Shell
App shell variant with horizontal top-tab navigation instead of a sidebar.
Branded Tabs Shell
Top-nav app shell with branded logo bar — for marketing-flavored dashboards.
Notification Settings
Notification preferences screen with grouped channels and per-event toggles.
Feedback Modal
Send-feedback modal with category selector and optional screenshot attachment.
Manage Tags
Tag manager modal with create, rename, recolor, and delete operations.
Select Users
Multi-user picker with search, avatar previews, and selected chips.
Org Menu
Organization / workspace switcher dropdown with avatar, name, and create-new.
Roles Menu
Role assignment dropdown with descriptions and current-role check.
Files List
Compact file list view with type icons, size, and last-modified — sibling to file-cards grid.
Floating Action Button
Anchored floating action button with optional expanding actions menu.
FAB Theme Picker
Floating theme switcher button — palette swatches and dark/light toggle.
Gantt
Project timeline visualizer with drag-move + drag-resize bars, dependency arrows, progress, and grouped rows.
Rich Editor
Tiptap-based WYSIWYG editor with full toolbar, bubble menu, slash commands, tables, and markdown shortcuts.
Showing 34 of 34 web blocks · live preview available
Using the components?
Star the SDK.
The whole component SDK is free — the same component, web and native, from one API. A star helps other builders find it.
Star on GitHubGet the free AI configs pack
Pre-tuned CLAUDE.md, .cursorrules, and lovable.md — drop them in and your AI editor already knows your stack.
No spam. Unsubscribe any time.