Arc Library adds React components with calm motion through the shadcn CLI

A front-end developer who wants a free React component library in a project usually reaches for shadcn/ui, pastes the code into the repo, and owns it from there. Arc Library, by Elia Kuratli, uses the same install path but ships with physical motion built into every component through the Motion library, under an MIT licence.

The repository at kuratlielia/arc-library was created on 24 September 2026. The GitHub API reports 492 stars and 24 forks, with the last push on 9 October. The project is TypeScript, framework-agnostic between Next.js (App Router) and Vite, and does not need Tailwind to work.

What ships, and what sits behind a paywall

The README lists 108 free components and 22 page blocks, plus a further 114 Pro components and blocks held behind a paid subscription called Arc Pro. The paywall is stated plainly, so a team can decide up front whether a given component is free. Live previews for every piece sit on uiarc.dev.

The components run from the usual kit (button, input, card, dialog, popover) through motion-first pieces like a scroll-tied text reveal and a cursor-aware tilt card. The blocks are composed sections for a landing page: hero, feature grid, testimonial row, pricing table. Lucide icons and Radix primitives are optional dependencies, picked up only by components that need them.

How it installs

Arc registers a @uiarc namespace with the shadcn CLI, so a developer who already uses shadcn add on another registry runs the same command to pull an Arc component. The CLI copies the source into the repo and installs any dependencies the component needs. For a project that does not use the shadcn CLI, every component is a plain TypeScript file in the repository that a developer can copy by hand.

The styling layer is CSS modules on top of CSS custom properties. The project tokens are declared once in a tokens.css file and the components read them, so a project that already carries its own tokens can theme Arc by overwriting the values rather than rewriting the components.

Motion as a default, with a quiet switch

The author's framing is that motion should feel physical rather than decorative. Every animated component holds a prefers-reduced-motion fallback that renders the same end state with no transition, which is the setting a visitor with motion sensitivity has on. React 19 is required, because the components lean on the new ref API and transitions.

The limit, worth stating, is that an animation library tied to the Motion package adds about forty kilobytes gzipped to a bundle that did not already carry one. A project that opts in for one tilt card pays that cost once; a project that only wants a plain button never has to.

Arc sits alongside shadcn/ui and Radix primitives, in the slot where a developer picks a component library on day one and lives with the decision for the life of the project. Its distinct offer is the motion, and its distinct cost is the Pro paywall.

Source

• Elia Kuratli: kuratlielia/arc-library on GitHub
• Live previews: uiarc.dev