UI Motion, Animation & Inspiration

UI Motion, Animation & Inspiration

A curated list of CodePen demos, animation libraries, motion tools, and visual inspiration for modern web interfaces.

---

🧰 Animation & Motion Libraries

• Animate.css
• AOS (Animate On Scroll)
• Rellax.js
• Motion Primitives
• Vanta.js – Waves Effect
• @codaworks/react-glow
• ShaderToy – Fragment Shader Example

---

🎞️ Lottie, Loaders & Visual Assets

• LottieFiles
• UI Ball Loaders
• HTML5 Animation to GIF
• fffuel – SVG & CSS Generators

---

🧠 Inspiration & Case Studies

• Nuxt.com Source Code
• Vercel – Interactive 3D Event Badge
• Vercel Text Gradient Experiment
• Linear App – Motion & UX Reference
• YouTube – Creative UI Animation Walkthrough

---

🧠 Notes

• Great reference for micro-interactions
• Useful for landing pages & portfolios
• Many demos are framework-agnostic
• Ideal for experimenting with motion-driven UX