Motion & Interaction

100 resources · 3 subcategories

Animation engines, animated component sets, transitions, and the small moving details that make an interface feel alive.

Animated Component Sets59Micro-interactions & Loaders21Animation Engines20

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.

Best in classGSAP12JavaScript animation engine with 19 plugins, now free for commercial useMotion & InteractionAnimation LibraryTool
Best in classLenisSmooth-scroll engine that keeps native scroll and honours reduced-motionMotion & InteractionAnimation LibraryTool
Best in classMotion17Hybrid JS/React/Vue animation engine with springs, layout and scroll animationMotion & InteractionAnimation LibraryBlock Collection
Best in classNumberFlow1Dependency-free animated number component for React, Vue, Svelte and JSMotion & InteractionAnimation LibraryPrimitive
Best in classReact Bits234234 copy-paste animated React components: text effects, cursors, WebGL backgroundsMotion & InteractionAnimation LibraryComponent Library
Best in classReact Native Reanimated5UI-thread animation library for React Native, v4 on the New ArchitectureMotion & InteractionAnimation LibraryPrimitive
Best in classremocn282282 Remotion components for product-demo video, installed by the shadcn CLIMotion & InteractionAnimation LibraryRegistry
Best in classRive3Vector animation editor whose State Machine files run natively in app runtimesMotion & InteractionAnimation LibraryTool
Strong pick@web-kits/audioDeclarative Web Audio synthesis: define a sound as an object, play itMotion & InteractionAnimation LibraryTool
Strong pickAceternity UI132132 motion-heavy React sections; 329 registry items; 17 paid templatesMotion & InteractionComponent LibraryBlock Collection
Strong pickAceternity UI on 21st.dev84All 84 Aceternity components browsable side by side with copy-prompt and CLI installMotion & InteractionAnimation LibraryComponent Library
Strong pickAnime.js4The 72,523-star MIT JavaScript animation library, listed here for its easing function editorMotion & InteractionAnimation LibraryTool
Strong pickAnimista5Pick-and-tweak CSS keyframe animations; copy only the ones you use, BSD-licensedMotion & InteractionGeneratorAnimation Library
Strong pickAnnnimate8080 copy-paste GSAP animation components for React, Vue and vanillaMotion & InteractionAnimation LibraryBlock Collection
Strong pickAntalik React Effects2npm workspaces monorepo shipping border-beam and liquid-gooey React effect packagesMotion & InteractionAnimation LibraryComponent Library
Strong pickAutoAnimate2One line on a parent element animates every child add, remove and moveMotion & InteractionAnimation LibraryTool
Strong pickbeUI106106-item Motion + Tailwind registry for React, shadcn-compatibleMotion & InteractionComponent LibraryRegistry
Strong pickBorder Beam1React component that draws an animated traveling or breathing glow around any elementMotion & InteractionAnimation LibraryComponent Library
Strong pickColorion CSS Text Effects7878 pure-CSS animated text effects; copy the CSS or copy an agent promptMotion & InteractionAnimation LibraryBlock Collection
Strong pickComponentry6562 animated React components plus 3 blocks, installed via the shadcn CLIMotion & InteractionComponent LibraryRegistry
Strong pickDriver.js326.6k-star, dependency-free product tours and spotlight highlights in vanilla JSMotion & InteractionAnimation LibraryPrimitive
Strong pickInspira UI115MIT animated components for Vue and Nuxt in the style of Aceternity UI and Magic UIMotion & InteractionComponent LibraryAnimation Library
Strong pickinterior.dev5454 MIT micro-interaction components for React, installable as a shadcn registryMotion & InteractionRegistryComponent Library
Strong pickKinetics153153 spring-physics micro-interactions with copy-paste CSS and ReactMotion & InteractionAnimation LibraryGallery

24 of 100 loaded