Tagged #animation
Resources
MotionA production-grade animation library for React and vanilla JS — springs, gestures, layout and scroll animations.ReposOpen source
Aceternity UI200+ animated copy-paste React components, blocks and landing templates built with Tailwind CSS and Motion.FrontendFreemium
Circle Loaders24 monochrome circular loading animations as standalone SVG — pure CSS, no dependencies, reduced-motion aware.Design & UIFree
CSS Text Effects90 pure-CSS animated text effects — gradient, glitch, typewriter, neon — click to copy, no JavaScript.FrontendOpen source
Kinetics150+ spring-physics micro-interactions with CSS, React code and build prompts — tune the physics, copy the motion.FrontendOpen source
Magic UIAnimated React components and landing-page templates built with Tailwind and Motion, installable via the shadcn CLI.FrontendFreemium
CavalryProcedural 2D motion design — node graphs and data-driven rigs instead of hand-keyframing a hundred versions of the same asset.Design & UIFreemium
Easing EditorAnime.js's easing playground — shape a curve, preview it on a moving object, and copy the CSS or JavaScript value straight out.Developer ToolsFree
Easing FunctionsThe reference sheet for standard easing curves — every ease-in, ease-out, and elastic variant with a live preview and copyable code.Developer ToolsFree
Fancy ComponentsUnusual React and Motion components for the parts of a site meant to show off — text effects, physics, and deliberately playful hovers.FrontendOpen source
JitterMotion design in the browser with a Figma-shaped interface — animate a layout and export it as video, GIF, or Lottie.Design & UIFreemium
Lottie CreatorLottieFiles' browser editor for building and tweaking Lottie animations — no After Effects round trip just to change a color.Design & UIFreemium
LottielabA dedicated Lottie editor with interactivity and states — design the animation, then hand developers a single JSON file.Design & UIFreemium
NumberFlowA component that animates numbers as they change — digit-by-digit transitions for counters, prices, and dashboards, in React, Vue, or Svelte.FrontendOpen source
React BitsA large collection of animated React components — text effects, backgrounds, and interactions, shipped in JS or TS and CSS or Tailwind.FrontendFree
Theatre.jsA motion design library with a visual editor — animate anything in JavaScript, three.js scenes included, and keyframe it in the browser.FrontendOpen source
Unicorn.studioDesign interactive WebGL effects without writing shaders — build the animation visually, then embed it in a real site.Design & UIFreemium