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.

/

Workspace, W component preview

Workspace, WLoopoCodeFree

Account component preview

AccountLoopoCodeFree

Schedule cards component preview

Schedule cardsLoopoCodeFree

Day grid component preview

Day gridLoopoCodeFree

Time row component preview

Time rowLoopoCodeFree

Readability component preview

ReadabilityLoopoCodeFree

Exit rule component preview

Exit ruleLoopoCodeFree

Note component preview

NoteLoopoCodeFree

Filter chips component preview

Filter chipsLoopoCodeFree

Pagination component preview

PaginationLoopoCodeFree

Action, Unsubscribe component preview

Action, UnsubscribeLoopoCodeFree

Devices component preview

DevicesLoopoCodeFree

Schedule component preview

ScheduleLoopoCodeFree

Draft note component preview

Draft noteLoopoCodeFree

Stripe integration card component preview

Stripe integration cardLoopoCodeFree

Shopify integration card component preview

Shopify integration cardLoopoCodeFree

Square POS integration card component preview

Square POS integration cardLoopoCodeFree

Slack integration card component preview

Slack integration cardLoopoCodeFree

Google Analytics integration card component preview

Google Analytics integration cardLoopoCodeFree

PayPal integration card component preview

PayPal integration cardLoopoCodeFree

Instagram integration card component preview

Instagram integration cardLoopoCodeFree

Meta Ads integration card component preview

Meta Ads integration cardLoopoCodeFree

WordPress integration card component preview

WordPress integration cardLoopoCodeFree

Webflow integration card component preview

Webflow integration cardLoopoCodeFree

Google Sheets integration card component preview

Google Sheets integration cardLoopoCodeFree

Webhooks integration card component preview

Webhooks integration cardLoopoCodeFree

Products component preview

ProductsLoopoCodeFree

Link row component preview

Link rowLoopoCodeFree

Link row, Cast Iron Skillet component preview

Link row, Cast Iron SkilletLoopoCodeFree

Outcome component preview

OutcomeLoopoCodeFree

Template, Subscription health component preview

Template, Subscription healthLoopoCodeFree

Template, Sales tax summary component preview

Template, Sales tax summaryLoopoCodeFree

Share card component preview

Share cardLoopoCodeFree

Share link component preview

Share linkLoopoCodeFree

Recent deliveries component preview

Recent deliveriesLoopoCodeFree

Next payout component preview

Next payoutLoopoCodeFree

Getting started card component preview

Getting started cardLoopoCodeFree

Payments & payouts card component preview

Payments & payouts cardLoopoCodeFree

Email & automations card component preview

Email & automations cardLoopoCodeFree

Support team component preview

Support teamLoopoCodeFree

Services component preview

ServicesLoopoCodeFree

Chat panel, Support component preview

Chat panel, SupportLoopoCodeFree

Thread component preview

ThreadLoopoCodeFree

Composer component preview

ComposerLoopoCodeFree

Article bar component preview

Article barLoopoCodeFree

On this page component preview

On this pageLoopoCodeFree

Related card component preview

Related cardLoopoCodeFree

Still need help card component preview

Still need help cardLoopoCodeFree

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.