Animation

Visualize, configure and generate JavaScript and CSS spring and easing functions with the official Anime.js Easing Editor

Let's look at a cool animated nav effect (from a recent post by Emil Kowalski) that uses CSS `clip-path` to move the highlighted nav item around. It's an interesting look at this CSS feature and adds a lot of polish to a simple idea.

A course that teaches you how to craft animations that make people feel something.

Been playing with them a little bit up until now, and it's finally time time for a deep dive into scroll-timeline and the scroll() and view() value functions...

Some ideas for speedy page transition animations with layered images using clip-path. - GitHub - codrops/LayersAnimation: Some ideas for speedy page transition animations with layered images using ...

Combine Scroll-Driven Animations with @​property, transition-delay, calc(), sign() and abs() … and you can do Scroll Detection using only CSS!

Bring children's drawings to life, by animating characters to move around!

A responsive looping marquee-style animation using HTML and CSS

There are some scroll animations that are possible in CSS without any JavaScript at all. Just look at the chapter on the Scroll Indicator, which is clearly CSS magic. But we can do a lot of scroll animation work directly in CSS with just one little bit of information provided by JavaScript: how far the page has scrolled.

Spirit is an animation toolkit built to help you create animations for the web directly in the browser

A new library for animation libraries on the web. Built on the Web Animations API for a tiny bundlesize and great performance.

TextEvo allows you to easily animate your text with delay based on letters, words or lines.

Bestsnip Animation Studio a online tool to create SVG Animation quick and easy.

Create and edit lottie animations. The fastest way to build scalable and interactive animations for your websites and apps.

Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints.

Tasty CSS-animated Hamburgers

Magic CSS are a set of simple animations to include in your web or app project's

Create stunning 2D motion graphics and vector animations for any platform in a matter of minutes, whether you’re a beginner or a professional.

SVG isn't just useful for illustrative animation. It's hella handy for UI too.

html5animationtogif.com is online tool to convert html5 animation to gif

It's SVG animation made easy - Create impressive SVG animations online, without any coding skills. Add them easily to your website. Get started for free!

I believe animation on the web is not only fun, but engaging in such a way that it has converted site visitors into customers. Think of the “Like” button

Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.

GSAP is an industry standard JavaScript animation library from GreenSock that lets you craft high-performance animations that work in every major browser.

The first composable CSS animation toolkit

Simple CSS Spinners

Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints.

The following article captures the process of building the Million Developers microsite for Netlify. This project was built by a few folks and we've

Javascript animation engine

Complete, flexible, extensible and easy to use page transition library for your web.