Ingot

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.

Shown on invoices.

Enter a valid email address.

InputLoopoCodeFree
Search fieldLoopoCodeFree
SelectLoopoCodeFree
Segmented controlLoopoCodeFree
SwitchLoopoCodeFree
CheckboxLoopoCodeFree
Input component preview
InputLoopoCodeFree
Form row component preview
Form rowLoopoCodeFree
Form row, Footer form component preview
Form row, Footer formLoopoCodeFree
Field component preview
FieldLoopoCodeFree
Field, Sending to component preview
Field, Sending toLoopoCodeFree
Field, Subject line component preview
Field, Subject lineLoopoCodeFree
Field, Preview text component preview
Field, Preview textLoopoCodeFree
Field, From component preview
Field, FromLoopoCodeFree
Search field component preview
Search fieldLoopoCodeFree
Sort select component preview
Sort selectLoopoCodeFree
Search wrap component preview
Search wrapLoopoCodeFree
Search wrap, Search fields component preview
Search wrap, Search fieldsLoopoCodeFree
Form settings card component preview
Form settings cardLoopoCodeFree
Template, Campaign performance component preview
Template, Campaign performanceLoopoCodeFree
Field, To component preview
Field, ToLoopoCodeFree
Field, Message component preview
Field, MessageLoopoCodeFree
Format component preview
FormatLoopoCodeFree
Search help card component preview
Search help cardLoopoCodeFree
Search row component preview
Search rowLoopoCodeFree
Search row, How can we help, Jordan? component preview
Search row, How can we help, Jordan?LoopoCodeFree
Settings nav card component preview
Settings nav cardLoopoCodeFree
Form row, Workspace name component preview
Form row, Workspace nameLoopoCodeFree
Form row, Workspace URL component preview
Form row, Workspace URLLoopoCodeFree
Form row, Brand colour component preview
Form row, Brand colourLoopoCodeFree
Form row, Region component preview
Form row, RegionLoopoCodeFree
Form row, Business address component preview
Form row, Business addressLoopoCodeFree
Form row, Danger zone component preview
Form row, Danger zoneLoopoCodeFree
Form row, Payout schedule component preview
Form row, Payout scheduleLoopoCodeFree
Form row, Instant payouts component preview
Form row, Instant payoutsLoopoCodeFree
Form row, Payout emails component preview
Form row, Payout emailsLoopoCodeFree
Email settings card component preview
Email settings cardLoopoCodeFree
Step settings card component preview
Step settings cardLoopoCodeFree
Toggle row component preview
Toggle rowLoopoCodeFree
Search wrap component preview
Search wrapAutonCode Pro
Search field component preview
Search fieldAutonCode Pro
Settings nav, General component preview
Settings nav, GeneralAutonCode Pro
Settings nav, Security component preview
Settings nav, SecurityAutonCode Pro
Settings nav, Notifications component preview
Settings nav, NotificationsAutonCode Pro
Settings nav, API keys component preview
Settings nav, API keysAutonCode Pro
Settings nav, Billing & plan component preview
Settings nav, Billing & planAutonCode Pro
Settings nav, Danger zone component preview
Settings nav, Danger zoneAutonCode Pro
Search row component preview
Search rowAutonCode 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