Arc UI: Animated React Components for shadcn and Next.js

X postEliaTool

Elia highlighted a smooth share sheet interaction built with Arc UI, a library featuring 153 motion-enabled React components and 89 UI blocks for Next.js and shadcn.

Key points

  1. Arc UI includes 153 React components and 89 full interface blocks with built-in animations.
  2. Components can be installed using the shadcn CLI or copied directly into project source code.
  3. AI coding tools like Claude, Cursor, and Codex are supported via an llms.txt index and Markdown documentation.
  4. The shared demo shows a share sheet morphing smoothly from a trigger button into an interactive panel.
  5. The library includes a Pro tier for advanced motion components and respects user reduced-motion preferences.

Why it matters

Adding fluid micro-interactions to web applications is often time-consuming. Arc UI blends the flexibility of shadcn’s copy-paste architecture with ready-made animations and AI-friendly documentation, making polished interfaces easier to ship.

Analysis

The showcase highlights growing demand for polished micro-interactions in the React ecosystem. While the demo received strong positive responses for its smooth visual style, community feedback pointed out potential issues with animation pacing and layout jitter. Elia acknowledged this, exploring faster and snappier timing to ensure consistency across components.

Original post

Elia

@eliakuratli · 7 October 2026

Sharing should feel this smooth t.co/PAj2XcPYIF t.co/sOLFFYxqJs

600 likes17 replies555 bookmarks20.5k views

View on X
More posts in the thread (7)
  1. @emanueledpt Thanks Bro!
  2. Explore all of them here -> t.co/PAj2XcPYIF
  3. @aaapinen 💯
  4. @omkarships Thanks a lot Omkar!
  5. @mack_designer Thanks a lot!
  6. @darylginn Thanks for the Feedback Daryl! I will try to optimize it so in general more consistent Would u do the animation faster and snappier?
  7. @aviralj02 Yeah hahaha
Selected replies (5)
  • @darylginn @eliakuratli I like the idea, but I would argue there is too much happening here. The intro/outro animation is unstable, causing jittering elements. The avatar animation is also slow and tedious, and there's also a lot of inconsistent paddings/gaps which could be refined.
  • @aviralj02 @eliakuratli going to make me share more if thats the share cta
  • @emanueledpt @eliakuratli damn this is smooth
  • @aaapinen @eliakuratli followed. networking with a generous definition of effort
  • @omkarships @eliakuratli Looks great man 👏

Mentioned links

Links and tools from this entry

Summary generated by AI (Gemini 3.8 Flash, 9 October 2026). It may contain errors – the original source is authoritative.

Related entries

Similar in content, found by the AI search.

  • X post:Houdayfa

    UIArc: Animated React Components for shadcn and Next.js

    Houdayfa highlights UIArc, a component library created by Elia Kuratli. It offers 149 React components and 87 pre-built UI blocks with integrated micro-interactions designed for Next.js and the shadcn ecosystem.

    869bookmarks34kviews

    Web development· Tool

  • Link:uiarc.dev

    Arc: Animated React Components and UI Blocks for shadcn and AI Workflows

    Arc (uiarc.dev) is a React component and block library built with native motion and animations. It includes 140 UI components and 83 ready-to-use blocks designed to be installed via the shadcn CLI, an MCP server, or AI coding tools like Cursor and Claude.

    Web development· Tool

  • X post:Houdayfa

    Curated UI and Motion Component Libraries for Modern Web Interfaces

    Designer Houdayfa shares a curated list of UI component libraries and animation resources for modern web applications. Key highlights include Arc UI, featuring AI-compatible animated components for Next.js and shadcn, and Kinetics, offering 153 spring-physics animations.

    611bookmarks18.9kviews

    AI & LLMs· Resource

  • X post:Urvish

    useLayouts: Free Animated React Components

    Developer Urvish shared useLayouts, a collection of free, interactive, and animated React components designed for modern web apps.

    343bookmarks17.6kviews

    Web development· Tool

Back to the knowledge base

Let's talk about your project

Get in touch

Locations

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Vienna
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Parts of this content were created with the assistance of AI.