
UI Arc
Open-source React components that feel finished
About UI Arc
UI Arc is an innovative open-source library of React components designed for developers who want polished, ready-to-use UI elements with built-in motion. Its core library is freely available under the MIT license, and it integrates seamlessly with the shadcn CLI, allowing developers to embed and modify components directly within their projects. Each component is accompanied by comprehensive Markdown documentation, llms.txt files, and an MCP server, enabling intelligent selection and installation via Claude Code or Cursor, streamlining the development process. The Pro version adds showpiece motion components and full app screens, with new components shipped daily, making UI Arc a dynamic resource for modern web development. Its open-source nature encourages customization, flexibility, and rapid prototyping, making it ideal for developers seeking a polished, motion-rich UI toolkit that evolves quickly.
Screenshots



Pros
- ✓Open-source with full code access for customization
- ✓Built-in motion components for engaging UI animations
- ✓Seamless integration with shadcn CLI for easy setup
- ✓Comprehensive documentation and intelligent component selection
- ✓Regular updates with new components and features
Cons
- ✗Primarily focused on React, limiting framework flexibility
- ✗Pro features require additional licensing or subscription
- ✗Learning curve for integrating advanced motion components
Use Cases
Pricing
Pricing not verified
Quick Info
Topics
Makers
Elia Kuratli
@eliakuratliAlternatives
Similar Tools in Developer Tools
Embed Badge
Add this badge to your website to show that UI Arc is featured on Visalytica.
<a href="https://www.visalytica.com/tool/ui-arc" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#7c3aed;color:#fff;border-radius:8px;font-family:-apple-system,system-ui,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s" onmouseover="this.style.background='#6d28d9'" onmouseout="this.style.background='#7c3aed'"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20V10"/><path d="M18 20V4"/><path d="M6 20v-4"/></svg>Featured on Visalytica</a>