Skip to content
Claude Market
Listing created by Claude Market from the project’s public repository. Not hosted here.Is this your project? Claim this listing ›
Arc UI screenshot 1

React components and blocks with motion. Search docs, props and shadcn install commands.

All reviews:
No reviews
Release date:
30 September 2026
Creator:
Public project (github.com)
Type:
MCP

Add Arc UI

Free · Added to your library, no credit card needed.
Free
Add to my library

Sign in to add this product to your wishlist or follow its updates.

About Arc UI

Arc is a library of React components and blocks with motion built in, delivered as plain source you own: CSS modules on a small set of design tokens, Motion for animation, keyboard support and reduced-motion paths. The free open-source part has 121 components and 22 blocks, each with a live preview at uiarc.dev. Its MCP server lets Claude search the docs and props and get the shadcn install command for each component. Example requests: "Find an animated billing toggle and give me the install command", "Which Arc components fit a pricing page?", "Show the props of the donut chart". It works in Next.js and Vite, with or without Tailwind; some showcase items belong to the paid Arc Pro.

Details

Version:
1.0.0
Updated:
12 November 2026
Verification:
Not verified
Repository:
github.com/kuratlielia/arc-library
Website:
uiarc.dev/
Report this product

What it can do

The creator has not described the access yet.

Install Arc UI in Claude

An MCP connector links Claude to a service: Claude can then read or do things there for you, with your consent. It takes about two minutes.

  1. Add it to your libraryClick “Add to my library” on this page: it is free and instant.
  2. Copy the connector URLIn your library, select the product: its URL is shown with a “Copy” button.
  3. Add it in ClaudeIn Claude (website or app), open Settings › Connectors, click “Add custom connector”, give it a name and paste the URL.
  4. Connect your accountIf the service asks you to sign in (your Notion, GitHub… account), Claude opens its page: only grant the access you need.
  5. Use it in a conversationTurn the connector on in the conversation’s tools menu, then just ask for what you want.
With Claude CodeIn a terminal: claude mcp add --transport http connector-name followed by the URL copied from your library.

Before adding a product, read its permissions above. You can remove a connector or skill at any time in Claude’s settings.

Arc UI: frequently asked questions

Is Arc UI free?
Yes. Arc UI is free: add it to your Claude Market library, no bank card needed.
How do I install Arc UI in Claude?
Add Arc UI to your library to get its URL. In Claude, open Settings › Connectors, click “Add custom connector” and paste the URL.
Does Arc UI work with Claude Code?
Yes. In a terminal, run claude mcp add --transport http followed by a name and the connector URL.
Is Arc UI an official Anthropic product?
No. Arc UI is a public project; this listing was created by Claude Market from its repository and the product is not hosted here. Claude Market is an independent project, not affiliated with Anthropic.

Reviews

Sign in then add or buy this product to review it (verified reviews).

No reviews yet. Only users who added or bought the product can review it.

Similar products

We use audience measurement cookies

With your consent, Google Analytics helps us understand which pages are useful. Cookies needed for your account and cart stay on. You can change your mind at any time with “Manage cookies” at the bottom of the page. Learn more