Animations
Animation libraries, tools, and inspiration.
animationgsapframer-motioncss
React Animation Libraries
- Framer Motion - Production-ready animation library for React
- React Spring - Spring-physics based animations
- Auto Animate - Zero-config animations for React
- React Transition Group - Exposes transition stages
Vanilla JS Libraries
- GSAP - Professional-grade JavaScript animation
- Anime.js - Lightweight JavaScript animation library
- Motion One - Web Animation API wrapper
- Lenis - Smooth scroll library
- Locomotive Scroll - Detection of elements in viewport
SVG Animation
- Vivus - SVG path animations
- Snap.svg - Modern SVG JavaScript library
- SVG.js - Lightweight library for SVG manipulation
Scroll Animation
- AOS - Animate on scroll library
- ScrollReveal - Easy scroll animations
- GSAP ScrollTrigger - Scroll-driven animations
Pre-made Animations
- LottieFiles - Lightweight animations
- Animista - CSS animation generator
- Animate.css - Ready-to-use CSS animations
- Magic Animations - CSS3 animations
3D & WebGL
- Three.js - JavaScript 3D library
- React Three Fiber - React renderer for Three.js
- Spline - 3D design tool for web
- Babylon.js - Real-time 3D engine
- PlayCanvas - WebGL game engine