Dashboard components

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

Built for founders who ship

1,882 components, 1,738 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.

Overview page component preview
Overview pageLoopoFigmaFree
Audience page component preview
Audience pageLoopoFigmaFree
Campaigns page component preview
Campaigns pageLoopoFigmaFree
Content page component preview
Content pageLoopoFigmaFree
Automations page component preview
Automations pageLoopoFigmaFree
Analytics page component preview
Analytics pageLoopoFigmaFree
Subscribers page component preview
Subscribers pageLoopoFigmaFree
Segments page component preview
Segments pageLoopoFigmaFree
Signup forms page component preview
Signup forms pageLoopoFigmaFree
Integrations page component preview
Integrations pageLoopoFigmaFree
Performance page component preview
Performance pageLoopoFigmaFree
Reports page component preview
Reports pageLoopoFigmaFree
Revenue page component preview
Revenue pageLoopoFigmaFree
Help & support page component preview
Help & support pageLoopoFigmaFree
General page component preview
General pageLoopoFigmaFree
Agents page component preview
Agents pageAutonFigma Pro
Access policies page component preview
Access policies pageAutonFigma Pro
Credentials page component preview
Credentials pageAutonFigma Pro
Approvals page component preview
Approvals pageAutonFigma Pro
Audit log page component preview
Audit log pageAutonFigma Pro
Integrations page component preview
Integrations pageAutonFigma Pro
Team page component preview
Team pageAutonFigma Pro
Audience page component preview
Audience pageMailPulseFigma Pro
Campaigns page component preview
Campaigns pageMailPulseFigma Pro
Integrations page component preview
Integrations pageMailPulseFigma Pro
Help Center page component preview
Help Center pageMailPulseFigma Pro
Learn page component preview
Learn pageMailPulseFigma Pro
Content page component preview
Content pageMailPulseFigma Pro
Automations page component preview
Automations pageMailPulseFigma Pro
Subscribers page component preview
Subscribers pageMailPulseFigma Pro
Segments page component preview
Segments pageMailPulseFigma Pro
System Settings page component preview
System Settings pageMailPulseFigma Pro
Engagement page component preview
Engagement pageMailPulseFigma Pro
Reports page component preview
Reports pageMailPulseFigma Pro
Revenue page component preview
Revenue pageMailPulseFigma Pro
Analytics page component preview
Analytics pageMailPulseFigma Pro
Workflows page component preview
Workflows pageAxonFigma Pro
Templates page component preview
Templates pageAxonFigma Pro
Test Run page component preview
Test Run pageAxonFigma Pro
Review Queue page component preview
Review Queue pageAxonFigma Pro
Runs & Logs page component preview
Runs & Logs pageAxonFigma Pro
Exceptions page component preview
Exceptions pageAxonFigma Pro
Connectors page component preview
Connectors pageAxonFigma Pro
Data Sources page component preview
Data Sources pageAxonFigma 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