Arc UI

What is Arc UI?

React components and app blocks in plain TSX and CSS modules, with a free MIT core and paid Pro set.

Who is Arc UI best for?

Arc UI is best for React developers who want animated dashboard and chart blocks their coding agent can install.

• SaaS dashboards

  Pro blocks include a revenue globe, horizon chart, choropleth map, customer galaxy and kanban board for real product screens.

• Everyday app interface

  The free core covers menus, dialogs, selects, date pickers, tabs and toasts, with keyboard support and reduced-motion behavior.

• Agent-built front ends

  Claude Code, Cursor and Codex install items through the MCP server or the shadcn CLI, and every component has a Markdown page and an llms.txt index.

• Code you can change

  Items arrive as plain TSX and CSS modules on shared color, radius, type and motion tokens, so you edit them like your own code.

How much does Arc UI cost?

Arc UI's core of 121 components and 22 blocks is free under the MIT license; Pro costs $149 a year or $249 once for one person, and Team costs $799 once for up to 10 people.

Checkout shows a regional price in some countries. Purchases are final once the source is delivered, though broken pieces that cannot be fixed are refunded. The Pro license allows client and commercial work but not reselling the source as a kit, library or template. Teams larger than 10 write to Arc for a quote. Full pricing on uiarc.dev. We checked these prices on 8 Nov 2026.

How do readers rate Arc UI?

No one has rated Arc UI yet. Be the first.

Is Arc UI open source?

Yes. Arc UI's code is public under the MIT licence, so you can read it, change it and run it yourself.

How do I connect Arc UI to my AI agent?

Arc UI MCP is Arc UI's official MCP server. Add it to your agent once, then ask it to install Arc's React components into your project from a prompt.

Points your agent at Arc's component docs, so it can pick real React components from the library and install them in your codebase instead of writing them from scratch.

Claude CodeCursorCodexGitHub Copilot

Terminal

$ claude mcp add --transport http arc https://uiarc.dev/api/mcp

Claude Code connects to Arc UI over the web.

Arc UI's setup guide covers the sign-in.

Then ask your agent

• Add an Arc data table to the admin page
• Install the command menu component
• Rebuild the signup form with Arc inputs

Runs

On the web

Sign-in

See guide

Checked

Answered 13 Nov

Guide

uiarc.dev

What are the best Arc UI alternatives?

Three tools on Recaply do Arc UI's job.

shadcn/uiOpen Source

Free, MIT-licensed set of accessible React components whose source the CLI copies into your app.

BoardUIOpen Source

Open-source React and Tailwind components for dashboards and AI chat apps, with paid Pro templates.

ShadcnblocksFree

Library of 2,800+ shadcn/ui blocks and 2,200+ components you copy or install with the shadcn CLI.

Questions about Arc UI