ForgeUI
Animated React and Tailwind components, blocks and templates.
WebsiteFree planWeb
4.4Visit
Framework
Arc UI
Animated React components and blocks for shadcn and Next.js, with docs your AI tools can read.
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is Arc UI?
Arc UI is a library of React components and page blocks with motion built in. You install them with the shadcn CLI, or let an AI coding tool build from its AI-readable docs and MCP server. Many components are free, and Arc Pro is a one-time purchase that unlocks every component and block.
Pros
- Polished animated components
- Works with shadcn and AI tools via MCP
- Pro is a one-time payment
Cons
- Full library needs Pro
- Built for React and Next.js only
Who should use Arc UI
React developers who want motion-rich components without building animations from scratch.
Who may not need it
Projects not using React.
Arc UI alternatives
Similar resources to Arc UI, picked from the directory.
Spectrum UI
Open-source animated React components and blocks for SaaS and AI apps.
FrameworkFreeWeb
4.5Visit
Reverse UI
Premium animated UI components for modern web apps.
FrameworkPaid but AffordableWeb
4.3Visit
Amicro
React micro-transitions and interaction components.
WebsiteFreeWeb
4.4Visit
shadcn/ui
Beautifully designed, accessible components you own and customize.
FrameworkFreeWeb
4.9Visit
Motion (motion.dev)
Fast, production-grade animation library for React, JavaScript and Vue.
FrameworkFreeWeb
4.7Visit
Free alternatives to Arc UI
Free resources that cover similar ground.
React Bits
Animated UI components for React.
FrameworkFreeWeb
4.7Visit
Coded Visuals
Animated visual compositions for React and shadcn/ui marketing and landing pages.
FrameworkFreeWeb
4.6Visit
Kokonut UI
100+ free, open-source UI components for React and Tailwind CSS.
FrameworkFreeWeb
4.6Visit
Toggles.dev
Beautiful open-source animated theme toggles for React, Svelte and Vue.
FrameworkFreeWeb
4.6Visit
OriginKit
The largest free animated component library for modern websites.
FrameworkFreeWeb
4.5Visit
SSGOI
Native-feeling page transitions for React, Svelte, Vue, Solid, Angular and Qwik.
FrameworkFreeWeb
4.5Visit
Featured on Best Productivity Resources
Made Arc UI? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/arc-ui" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>Free Notion database
1,100+ ways people are making money online
Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.
Get the free databaseFree Notion database
399+ ways to make money online
Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.
Get the free listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
New tools and visual guides, every Monday.
One short email a week with the best new tools and websites, plus my latest visual guides. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.