Motion

Amicro (@subhanhq/amicro) is an open-source React library of micro-interactions, transition components, Motion-powered primitives, custom hooks, spring presets, and animated card layouts. Its components are copied as TSX source into a project rather than delivered as a runtime service, with support for React, Next.js, and Vite applications using Tailwind CSS and Motion or framer-motion. The library includes entrance transitions such as fade-in, fade-up, and zoom-in; interaction components such as tilt-card and magnetic-button; text-reveal effects; scroll-progress utilities; and card layouts including fanned arcs, corner fans, cascades, radial wheels, scatter spreads, interactive 3D carousels, CoverFlow, and a timeline-controlled perspective stack. The npm CLI initializes project configuration and adds individual components, hooks, or utilities. Components can also be installed through a shadcn/ui registry using direct raw URLs or the @amicro namespace. The project supports light and dark UI palettes, requires Node.js 18 or later, and is distributed under the MIT License. It was created by Syed Subhan, associated with Subhan-code.

motion-panels is an unstyled, framework-agnostic panel-layout library with a React adapter. Its core uses the DOM for resizing and Motion for animated folding, collapsing, pinning, and snapping, without relying on a layout library. Panels support pixel or percentage sizing, nesting, separator intersections, keyboard controls, right-to-left layouts, and live size updates; the package is distributed through pnpm and can also be added through shadcn. It is licensed under the MIT License.

Arc Library is an open-source React component and block library by Elia Kuratli, providing interfaces with calm physical motion, keyboard support, and a reduced-motion path for every animation. Components use CSS modules with shared design and motion tokens, and can be installed through the shadcn CLI or copied into a project as source code; there is no runtime package to keep synchronized. It supports Next.js and Vite with or without Tailwind, and includes controls, inputs, overlays, feedback elements, data visualizations, tables, media components, text effects, and complete interface blocks. The free repository is MIT licensed. Components use Motion for animation and may use lucide-react or Radix UI primitives; theming is controlled through semantic CSS variables with separate light and dark values. Arc also provides an MCP server and machine-readable documentation for AI coding tools, while paid Arc Pro components are distributed separately.

Interior Dev is an open-source collection of copy-paste React micro-interactions for the brief period after a click. Each component is distributed as a single file rather than a package and exports a headless `useX` hook containing the behavior without class names alongside an `X` styled example component. The components address layout-preserving transitions, animation restarts, resizing labels, loading jumps, interrupted drags and gesture recovery when focus is lost, keyboard interaction, and `prefers-reduced-motion` behavior; reduced-motion mode preserves the information while skipping the animation. The only dependency is `motion`, and the documentation site can be run with Bun.

React is a JavaScript library for building web and native user interfaces. It uses declarative views that update the appropriate components when application data changes, and lets developers compose encapsulated, state-managing components into larger interfaces. React code can use JSX, an HTML-like syntax for defining interface elements, although JSX is optional. The library is designed for gradual adoption, can render on the server with Node, and supports mobile applications through React Native. Its core repository is developed openly on GitHub under the MIT license.