The Web Animation Performance Tier List, Motion Magazine

Anime.js | JavaScript Animation Engine

A fast, multipurpose and lightweight JavaScript animation library

Homepage

Supported by Webflow. Animate Anything - A wildly robust JavaScript animation library built for professionals.

More performant, diverse Web engines – 26 March 2025

Slideset: https://docs.google.com/presentation/d/1f0fm5OpE7vwqQkKfNwvYuzH7O3WyPsK4xSIiegLplbg/edit#slide=id.p and archived PDF copy

animations.dev

Learn the theory and practice behind great animations with this interactive learning experience.

animations.dev

A glossary of common animation patterns, so you know what to ask for.

Whimsical Animations

Learn how to create charming interactions and delightful touches using the magic of CSS, JavaScript, SVG, and Canvas. I’m sharing all my tricks in this one!

Native-Like Animations for Page Transitions on the Web | CSS-Tricks

Some of the most inspiring examples I’ve seen of front-end development have involved some sort of page transitions that look slick like they do in mobile

motiondivision/motion

A modern animation library for React and JavaScript

The CSS Selection - 2026 Edition - Project Wallace

The CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.

Svelte-Motion

An animation library for Svelte apps based on Framer Motion.

AutoAnimate - Add motion to your apps with a single line of code

A zero-config, drop-in animation utility that automatically adds smooth transitions to your web app. Use it with React, Solid, Vue, Svelte, or any other JavaScript application.

Web Interface Guidelines

Guidelines for building great interfaces on the web. Covers interactions, animations, layout, content, forms, performance & design.

Svelte really is that fast

The five most popular JS frameworks – Angular, React, Vue, Svelte and Blazor – use different rendering strategies, and it shows.