Dashboard components

Dashboard components that look finished, in code, Figma and for your AI agent.

Built for founders who ship

1,882 components, 1,731 of them with React code checked against Figma, 7,165 icons and 6 systems (1 live). Copy as React code, a Figma layer or through your AI agent. Five copies free, no account needed.

React code

Plain TSX on Tailwind v4, one command to add.

Figma layer

Paste into Figma and keep designing.

Your AI agent

Claude Code, Cursor or Codex pull it through MCP.

Transaction value trend component preview
Transaction value trend, Jan component preview
Audience growth card component preview
Sources card component preview
Sources cardLoopoCodeFree
New contacts card component preview
New contacts cardLoopoCodeFree
Growth chart component preview
Growth chartLoopoCodeFree
Sources component preview
SourcesLoopoCodeFree
Weekly bars component preview
Weekly barsLoopoCodeFree
Growth chart, 20K component preview
Growth chart, 20KLoopoCodeFree
Growth chart, 20K component preview
Growth chart, 20KLoopoCodeFree
Flow revenue card component preview
Flow revenue cardLoopoCodeFree
Flow revenue chart component preview
Flow revenue chartLoopoCodeFree
Revenue comparison card component preview
Revenue by channel card component preview
Cohort retention card component preview
Revenue chart component preview
Revenue chartLoopoCodeFree
Channels component preview
ChannelsLoopoCodeFree
Cohort grid component preview
Cohort gridLoopoCodeFree
Signups by form card component preview
Best converting card component preview
Signups chart component preview
Signups chartLoopoCodeFree
Forms by conversion component preview
Forms by conversionLoopoCodeFree
Best time to send card component preview
Heatmap component preview
HeatmapLoopoCodeFree
Heatmap, Mon component preview
Heatmap, MonLoopoCodeFree
Template, Monthly P&L snapshot component preview
Monthly revenue card component preview
Harbor Club plans card component preview
Revenue chart, $80K component preview
Revenue chart, $80KLoopoCodeFree
Plans component preview
PlansLoopoCodeFree
Revenue chart, $80K component preview
Revenue chart, $80KLoopoCodeFree
Email funnel card component preview
Email funnel cardLoopoCodeFree
Row actions component preview
Row actionsAutonCode Pro
Filter popover component preview
Filter popoverAutonCode Pro
Columns popover component preview
Columns popoverAutonCode Pro
Mode menu component preview
Mode menuAutonCode Pro
Rotation policy component preview
Rotation policyAutonCode Pro
Request detail component preview
Request detailAutonCode Pro
Detail header component preview
Detail headerAutonCode Pro
Detail body component preview
Detail bodyAutonCode Pro
Decision bar component preview
Decision barAutonCode Pro
Limits popover component preview
Limits popoverAutonCode Pro

Connect your AI agent

One line in Claude Code or Cursor, and your agent builds with the system.

Six design systems

Each one complete: tokens, components, charts and screens in one look.

Free, Pro or Lifetime

Start free with Loopo. Pay once for everything, including future systems.

Resources

Guides for founders building dashboards.

All guides