Motion & Interaction
Animation engines, animated component sets, transitions, and the small moving details that make an interface feel alive.
For an agent. Look here when the request is about movement — a transition, a hover feel, a loading state, an animated number or border — or when a static UI needs to stop feeling dead.
55 resources
- Animation Engines15
- Animated Component Sets29
- Micro-interactions & Loaders11
55 / 55
GSAPSJavaScript animation engine with 19 plugins, now free for commercial use
LenisSSmooth-scroll engine that keeps native scroll and honours reduced-motion
MotionSHybrid JS/React/Vue animation engine with springs, layout and scroll animation
NumberFlowSDependency-free animated number component for React, Vue, Svelte and JS
React BitsS234 copy-paste animated React components: text effects, cursors, WebGL backgrounds
React Native ReanimatedSUI-thread animation library for React Native, v4 on the New Architecture
remocnS282 Remotion components for product-demo video, installed by the shadcn CLI
RiveSVector animation editor whose State Machine files run natively in app runtimes- @web-kits/audioADeclarative Web Audio synthesis: define a sound as an object, play it
Aceternity UIA132 motion-heavy React sections; 329 registry items; 17 paid templates
Aceternity UI on 21st.devAAll 84 Aceternity components browsable side by side with copy-prompt and CLI install- Anime.jsAThe 72,523-star MIT JavaScript animation library, listed here for its easing function editor
AnimistaAPick-and-tweak CSS keyframe animations; copy only the ones you use, BSD-licensed
AnnnimateA80 copy-paste GSAP animation components for React, Vue and vanilla
Antalik React EffectsAnpm workspaces monorepo shipping border-beam and liquid-gooey React effect packages
AutoAnimateAOne line on a parent element animates every child add, remove and move
beUIA106-item Motion + Tailwind registry for React, shadcn-compatible
Border BeamAReact component that draws an animated traveling or breathing glow around any element- Colorion CSS Text EffectsA78 pure-CSS animated text effects; copy the CSS or copy an agent prompt
ComponentryA62 animated React components plus 3 blocks, installed via the shadcn CLI- Driver.jsA26.6k-star, dependency-free product tours and spotlight highlights in vanilla JS
interior.devA54 MIT micro-interaction components for React, installable as a shadcn registry
KineticsA153 spring-physics micro-interactions with copy-paste CSS and React
Liquid GooeyAReact gooey-merge and liquid-trail effects that keep text, icons and shadows crisp
LottieFiles for FigmaAFigma plugin to import Lottie animations and export frames as dotLottie
Magic UIA150+ animated shadcn-compatible React components for landing pages
Motion PrimitivesA34 MIT motion components for React, installed one at a time by shadcn CLI
OriginkitA180 animated web components plus 48 page sections, for Framer, React and MCP
OsmoAPaid vault of 231 GSAP/Webflow interaction recipes plus a 100-button pack
PlayCanvasAMIT WebGL/WebGPU 3D engine with a collaborative browser editor and free hosting
slot-textA1 kB dependency-free slot-machine text roll, with adapters for 5 frameworks
slowmoAPatches browser time so you can slow, pause or speed up any web animation
SmoothUIA130 animated React components including 33 text effects and 16 shader transitions- Theatre.jsAKeyframe animation editor that scrubs any JS object property on a timeline
Theme Toggle EffectACopy-paste CSS for View Transitions API theme-switch animations
Transitions.devA35 essential web-app transitions, packaged as an agent skill
AmicroBCLI registry of 58 React motion components, mostly animated charts
Animate UIB73 motion-first React components shipped as a shadcn registry
Appllama Loader ButtonsB25 named loading-button motion studies: 13 WebGL, 12 in SVG, Canvas and CSS- CavalryBProfessional real-time 2D animation and motion graphics software for Mac and Windows, free to download
CuelumeB17 synthesized UI sounds via Web Audio, zero runtime deps
Eldora UIB40 animated React components plus 16 landing-page blocks, shadcn-installable- Fancy ComponentsBAn MIT React library of microinteractions at 3,101 stars, organised by physics, text and image effect rather than by widget
Gradient ShimmerBZero-dependency React text shimmer driven by the Web Animations API
HighlightersBPhysics-modelled highlighter-pen marks for text, in React, Vue, and Svelte- LottielabBA Lottie animation editor for product teams, used by a stated 500,000 designers, that ships straight to apps and sites
Made With GSAPB114 copy-ready GSAP effects: scroll, mouse-move, drag, infinite loops
React Fast MarqueeBSingle React marquee component driven by CSS animation, ~50 KB unpacked
Reverse UIB68 animated React components built on Framer Motion, sold as a lifetime licence
Spell UIB33 animated React components — text reveals, WebGL backgrounds, embeds — via shadcn CLI
SplineBBrowser-based 3D design tool that exports interactive scenes to React, web components and native- Transition.cssB52 drop-in clip-path enter/exit transitions applied with an HTML attribute
useLayoutsB26 Motion-driven micro-interaction components installable via the shadcn CLI
Cuicui BooksCOne copy-paste React 3D book-cover component, hover-rotated, Tailwind-styled
Interaction KitC12 copy-ready React micro-interaction demos by Armond Schneider