# [Arc UI](<https://uiarc.dev/>)

[uiarc.dev](<https://uiarc.dev/>)

Motion-rich React components and complete UI blocks for shadcn and Next.js, with live examples and AI-readable docs.

[UI & UX Design](<https://creatorstoolbox.com/communities/ui-ux>)[Development](<https://creatorstoolbox.com/communities/development>)[Animation & Motion](<https://creatorstoolbox.com/communities/animation>)

Media 1 of 3

## About Arc UI

Arc UI is a library of animated React components and complete interface blocks for shadcn and Next.js. Examples are interactive, so you can try the behavior before adding it to a project. Install components with the shadcn CLI or use the Markdown docs, llms.txt index, and registry with an AI coding tool.

The library includes free components alongside Pro components and blocks.

Pricing model: Freemium

## Features

- React components with motion built in

- Complete UI blocks for common product flows

- Live interactive examples and source code

- Install with the shadcn CLI or use AI-readable docs

- Free library with additional Pro components and blocks

## FAQs

Common questions about Arc UI

Which framework does Arc UI use?

Arc UI provides React components and blocks for shadcn and Next.js.

Can I use Arc UI with an AI coding tool?

Yes. Its component pages include Markdown docs, and the site provides an llms.txt index and a registry.

Is Arc UI free?

It has free components; motion-heavy components and many complete blocks are part of Arc Pro.

## Similar products

- [![useLayouts](<https://www.google.com/s2/favicons?domain=uselayouts.com&sz=128>)

useLayoutsuselayouts.com

Free animated React components and micro-interactions built with Framer Motion and Tailwind CSS, designed to work with shadcn/ui.](<https://creatorstoolbox.com/products/uselayouts>)

- [![Bencho](<https://www.google.com/s2/favicons?domain=bencho.dev&sz=128>)

Benchobencho.dev

Interactive React UI components and micro-interactions you can explore, tweak, and use in your projects.](<https://creatorstoolbox.com/products/bencho>)

- [![23rd](<https://23rd.dev/icon.svg>)

23rd23rd.dev

An opinionated shadcn registry of UI components for React and Svelte 5.](<https://creatorstoolbox.com/products/23rd>)

- [![Loading.dev](<https://loading.dev/favicon.ico>)

Loading.devloading.dev

A free, open-source collection of animated loading indicators for React, with live previews and copyable usage examples.](<https://creatorstoolbox.com/products/loading-dev>)

- [![React Bits](<https://reactbits.dev/favicon.ico>)

React Bitsreactbits.dev

An open-source collection of 200+ animated, interactive React components and micro-interactions.](<https://creatorstoolbox.com/products/react-bits>)

- [![Dot Matrix](<https://dotmatrix.zzzzshawn.cloud/icon.svg>)

Dot Matrixdotmatrix.zzzzshawn.cloud

Open-source React component library of 55+ expressive dot-matrix loaders — install via the shadcn registry and own the code locally.](<https://creatorstoolbox.com/products/dotmatrix>)

---
Canonical source: https://creatorstoolbox.com/products/arc-ui