Dashboard Builder

Build the pricing view
you actually use

A free-form grid like Grafana, but for unit economics. Drag panels anywhere, resize from any edge, and keep only the numbers that matter to you on screen.

My SaaS / Overview
72.4% margin
Editing
Revenue
$5,430
130 paying
Total COGS
$1,497
$69 fixed + fees
Gross Profit
$3,933
$30.25 / user
Gross Margin
72.4%
healthy
COGS · 4 items
Cloud hosting$49
Database$20
Email delivery$0.003/u
LLM API calls$0.002/op
Pricing Tiers · 4
● Free$0
● Starter$19
● Pro$49
● Growth$99
Growth Viability

A static preview — in the app, panels drag, snap, and resize live.

Free-form grid

Resize from any edge, snap to a clean grid

Grab a panel by any edge or corner and resize it. Panels snap to a 12-column grid and auto-compact upward, so the layout never ends up messy.

  • Eight resize handles per panel — edges and corners
  • Drag from the header to move
  • Snap-to-grid with a live ghost preview
  • Auto-compact fills the gaps for you
drag · resize · snap
Inspector · Pro tier
Price$49
Ops / user2,000
Users25
Margin91.6%
Right-rail inspector

Edit the numbers without leaving the view

Click any panel and a Figma-style inspector opens on the right. Edit that panel's actual values — prices, costs, user counts, fee rates — and the whole dashboard recalculates instantly.

  • Contextual properties per panel type
  • Quick layout presets to fit a panel's contents
  • Layers list to jump between panels
Start fast

Templates, then make it yours

Begin from a layout that fits the question you're asking, then rearrange freely.

Overview
KPIs up top, core inputs below. The everyday view.
Detailed
Every panel, spread wide for a deep audit.
Growth Focus
Projections front and center, inputs trimmed.

Make the dashboard yours

Twelve panel types, your layout, saved per product. Free to run.

Download CostPadExplore the MCP server