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.
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.
Free illustrations and animations. Free for personal and commercial use.
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.
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...
Cassie Evan's blog is a goldmine of SVG animation inspiration and educational resources.
Animate CSS gradients.
Kapwing is a modern editor for images, GIFs, and videos.
One subscription for access to 1,500,000+ assets. Unlimited downloads & future-proof licensing.
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.
A hand-picked selection of articles, videos, book reviews, and other goodies pertaining to the wonderful worlds of web animation and motion design!
Check out the sidebar menu (or tap the in the bottom right on mobiles) to search and browse by tag.