Ready-made blocks for real apps.
Start from a great first draft.
Our three most-used blocks — every pixel is a real Lumeo component, not a screenshot.
Authentication
Sign-in, sign-up, and recovery flows.
Dashboards
KPIs, charts, and admin surfaces.
Commerce
Pricing, carts, and checkout.
Marketing
Hero sections and social surfaces.
Productivity
Everyday app shells: mail, calendar, chat, and more.
Tabbed settings with 5 panels and save bar.
Event scheduling and calendar views.
Real-time messaging interface.
File browser with upload and management.
Advanced filtering and search controls.
Multi-step form with validation.
Drag-style task board with columns.
shadcn's Mail example: resizable three-pane inbox.
shadcn's Music example: menubar, library sidebar, album rows.
Notification center and alert management.
Application settings and preferences.
shadcn's Playground example: prompt editor with model and sampling controls.
Flows
Node/edge builders on FlowCanvas: automations, agent trees, pipelines, and impact maps.
Step cards, Yes/No branches, a node toolbar, a right-click menu and an inspector on FlowCanvas.
An orchestrator/sub-agent tree with branch labels, inline add-tool buttons and a Tidy layout pass.
Dependency-ordered stages, undeletable approval gates, and a Replay-from-here run animation.
Initiatives to metrics to a north star, correlation scores on every edge, color by category.
Need a block that isn't here?
Open a GitHub issue with a sketch or a reference — we ship blocks based on what the community actually builds.