Animation can be a great way to bring your websites to life and enhance your user experience when used thoughtfully. Browse our hand-picked selection of the very best animation tools and resources for your next website project below.
Create badass, fluid and smooth transitions between your website’s pages.
Animated GIF/WebP Maker
GIF maker allows you to instantly create your animated GIFs by combining separated image files as frames. Produced GIFs are of high quality and free of...
One subscription for access to 1,500,000+ assets. Unlimited downloads & future-proof licensing.
A two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and...
A web component for drawing patterns with CSS.
Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg,...
Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas.
Leon Sans is a geometric sans-serif typeface made with code in 2019 by Jongmin Kim. It allows you to change font weight dynamically and to create custom...
Animated website backgrounds in a few lines of code.
Create engaging animations for any app or website. Code export for React, Angular, Vue, Lottie (iOS & Android). Figma, Sketch, Ai Integration.
GreenSock Animation Platform
PixelTrue Free Illustrations
Free illustrations and animations. Free for personal and commercial use.
Animista CSS Animations
Animista is a place where you can play with a collection of pre-made CSS animations, tweak them and get only those you will actually use.
Design Animation Handbook
A free ebook/audiobook. Learn how you can use animation to demonstrate abstract concepts, make products feel more life-like, and instill more emotion into...
Josh W Comeau
Cassie Evan’s Blog
Cassie Evan's blog is a goldmine of SVG animation inspiration and educational resources.
CSS Gradient Animator
Animate CSS gradients.
Kapwing is a modern editor for images, GIFs, and videos.
Discover, test and share striking animations, designed for Lottie and Bodymovin
Just-add-water CSS animations.
Stylie is a fun tool for easily creating complex web animations. Quickly design your animation graphically, grab the generated code and go!
Create responsive layouts, design realistic prototypes, and bring everything closer to production—all in one place.
Little tool that helps you create SVG animations.
Web Animation Weekly
A hand-picked selection of articles, videos, book reviews, and other goodies pertaining to the wonderful worlds of web animation and motion design!
Keep exploring! 🧰✨
Check out the sidebar menu (or tap the in the bottom right on mobiles) to search and browse by tag.