Motion-rich React components and complete UI blocks for shadcn and Next.js, with live examples and AI-readable docs.
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.
No posts yet
Updates from Arc UI will appear here. Get to know the product while you wait.
About Arc UILoading mentions…
Similar to Arc UI
Other products to explore and follow.
Team
The people behind Arc UI
Similar products
- useLayoutsuselayouts.com
Free animated React components and micro-interactions built with Framer Motion and Tailwind CSS, designed to work with shadcn/ui.
- Benchobencho.dev
Interactive React UI components and micro-interactions you can explore, tweak, and use in your projects.
23rd23rd.devAn opinionated shadcn registry of UI components for React and Svelte 5.
- Loading.devloading.dev
A free, open-source collection of animated loading indicators for React, with live previews and copyable usage examples.
- React Bitsreactbits.dev
An open-source collection of 200+ animated, interactive React components and micro-interactions.
Dot Matrixdotmatrix.zzzzshawn.cloudOpen-source React component library of 55+ expressive dot-matrix loaders — install via the shadcn registry and own the code locally.