Design

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.

Keyframes helps you write better CSS with a suite of tools to create CSS @Keyframe animations, box shadows, colors, & more

ScrollTrigger creates jaw-dropping scroll-based animations with minimal code. Or trigger anything scroll-related, even if it has nothing to do with animation.

A weekly advice column about building product, driving growth, and accelerating your career. Click to read Lenny's Newsletter, a Substack publication with hundreds of thousands of subscribers.

Dark patterns refer to a range of design techniques that can subtly encourage users to take some sort of action or put their privacy at risk.

A dev-tool that aids faster and precise responsive web development.