motion-panels

An open-source animation library for JavaScript, React, and Vue. It combines JavaScript with native browser APIs for GPU-accelerated animations and provides APIs for gestures, springs, layout transitions, scroll-linked effects, and timelines. The React package is imported from `motion/react`, the JavaScript package from `motion`, and the Vue package from `motion-v`; Motion is MIT licensed. The video identifies it as the animation foundation for Amicro.

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.

Moumen Lab is a React component registry for interface components such as menus, OTP inputs, upload staging, command palettes, and draggable reorderable lists. Components are distributed in the shadcn registry format and installed as source code with the `moumenlab` CLI or shadcn CLI, so no runtime package is required. The components use Tailwind CSS with shared `lab-theme` tokens and motion-based animations that are interruptible, layout-aware, and reduced-motion aware. The repository includes live showcases, component blueprints, source files, registry metadata, and a monorepo-based CLI; it targets React 19, Tailwind CSS v4, Node.js 18+ for installation, and is licensed under MIT.

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.