Arc UI

Claude writes the code. Arc makes it look designed.

Connect Arc and Claude picks from 380+ polished React components and complete page blocks (sign-in, pricing, settings, dashboards, sidebars, onboarding and more), reads exactly how each one works, and installs it into your project with one shadcn command. No more generic, hand-rolled UI. 140+ items are free and open source.

Try asking:

• "Build a pricing page with Arc and install it"
• "Find an Arc component for picking a date range"
• "Turn this settings screen into Arc blocks"
• "Review my dashboard against the Arc design checklist"

What Claude gets:

• Search by intent across the whole library, best matches first
• Docs written for agents: when to use an item and when not to, props, keyboard and accessibility behavior, motion and responsive notes
• The exact install command, with setup notes
• Arc skills: the design, copy, motion and accessibility rules that keep every screen consistent

Sign in with a free Arc account when you connect. With Arc Pro, the same connector returns full source and install commands for every Pro component and block.

All tools are read only. Arc never sees your conversation, only the search phrase or component ids Claude sends.

Works in Claude Code too: connectors you add in Claude are available there, so your coding agent installs real components instead of guessing.