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.

Campaign report drawer component preview
Olivia Bennett drawer component preview
Shopify settings drawer component preview
Payment #TX-48213 drawer component preview
deploy-agent drawer component preview
deploy-agent drawerAutonCode Pro
Enforced drawer component preview
Enforced drawerAutonCode Pro
Version history drawer component preview
gh-app-deploy drawer component preview
Request blocked drawer component preview
GitHub drawer component preview
GitHub drawerAutonCode Pro
SR drawer component preview
SR drawerAutonCode Pro
Production access requested drawer component preview
Campaign report drawer component preview
Campaign report drawerMailPulseCode Pro
Slack settings drawer component preview
Slack settings drawerMailPulseCode Pro
Subscriber profile drawer component preview
Subscriber profile drawerMailPulseCode Pro
Transaction drawer component preview
Transaction drawerMailPulseCode Pro
Extract invoice fields drawer component preview
NS drawer component preview
NS drawerAxonCode Pro
PO not found in NetSuite drawer component preview
Gmail drawer component preview
Gmail drawerAxonCode Pro
NS drawer, NS component preview
NS drawer, NSAxonCode Pro
Notification preferences drawer component preview
ai.guardrail_changed drawer component preview
PR open drawer component preview
PR open drawerVeriqCode Pro
Jira settings drawer component preview
Critical drawer, Critical component preview
Member drawer component preview
Member drawerVeriqCode Pro
billing-api drawer component preview
billing-api drawerVeriqCode Pro
Live console · Partner API drawer component preview
JL drawer component preview
JL drawerVantageCode Pro
AM drawer component preview
AM drawerVantageCode Pro
YS drawer component preview
YS drawerVantageCode Pro
MG1 · 4 weeks drawer component preview
MG1 · 4 weeks drawerVantageCode Pro
JL drawer, JL component preview
JL drawer, JLVantageCode Pro
Follow up 2+ drawer component preview
Follow up 2+ drawerVantageCode Pro
Colmado Díaz drawer component preview
Colmado Díaz drawerVantageCode Pro
Status drawer component preview
Status drawerVantageCode Pro
Weekly report template drawer component preview
EW drawer component preview
EW drawerVantageCode Pro
Critical drawer component preview
Critical drawerVeriqFigma Pro
Header drawer component preview
Header drawerLoopoCodeFree
Header drawer, Shopify component preview
Header drawer component preview
Header drawerAutonCode Pro
Body drawer component preview
Body drawerAutonCode Pro
Footer drawer component preview
Footer drawerAutonCode Pro
Header drawer, Enforced component preview
Body drawer, Policy name component preview

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