Dashboard Grid Layout
Editable dashboard canvas with a KPI tile, bar chart frame, plan revenue list, stat tile, and an add widget affordance.
Editable dashboard canvas with a KPI tile, bar chart frame, plan revenue list, stat tile, and an add widget affordance.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Dashboard Grid Layout is the editable canvas view, an Acme workspace dashboard for Jun 2026 with four widget cards: an MRR KPI tile at $48,210 up 4.1% vs May, a revenue trend bar chart frame spanning Jul 2025 to Jun 2026, a Revenue by plan list (Enterprise, Pro Annual, Pro Monthly, Starter broken down by workspace count), and a Workspace stats tile (1,284 active workspaces, 6,211 seats, 1.9% churn). A dashed Add widget tile rounds out the grid. Every card carries a drag-handle and a widget options button.
The bar chart is an inline div bar strip, not recharts, keeping the canvas dependency-free. The footer note that changes are saved to your personal view and do not affect teammates is the copy that prevents the first confusion ticket.
Reach for this block as the customizable dashboard shell. Wire drag-and-drop to your layout persistence layer and replace the inline chart frame with a live chart widget.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the workspace business overview canvas. Other grid layouts:
Tip: the dashed Add widget tile signals editability without an onboarding modal; pair it with a widget picker sheet on click.