Whimsical Animations

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

animations.dev

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

Anime.js | JavaScript Animation Engine

A fast, multipurpose and lightweight JavaScript animation library

animate with dermot - home

animation and design tutorials, tradition hand-drawn, but also puppet based animation with Flash, AnimateCC, Harmony

Animating the 6 Basic Emotions: Acting Tips from Pro Animators | Animation Mentor

Get animation tips from our blog series on Animating the 6 Basic Emotions. Polish your demo reel with advice from professional animators!

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.

Svelte-Motion

An animation library for Svelte apps based on Framer Motion.

Homepage

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

flo-bit/stylized-dioramas

Six interactive Three.js dioramas — one collection of small worlds

animate: • Svelte Docs

animate: • Svelte documentation

contextual animation stuff in Sleight of Hand – joe wintergreen internet zone

I’ve been working for the last week or two on a system to streamline contextual or scripted animation stuff in Sleight of Hand, a stealth game with a lot of systemic interaction aspirations. I built an interest source system a while back for coordinated investigations and dynamic behaviours, and while some of those interactions have been doing cool stuff on the animation side (a guy might rip open a wardrobe you’re hiding in, for example), it has tended to involve a lot of more-or-less-boilerplate Blueprint every time; it’s not been as easy as it should be to drop in what Half-Life called a “scripted sequence”. This fortnight’s work has improved this a great deal, and I’ll tell you for why, and perhaps you will benefit from doing something like this yourself.

motiondivision/motion

A modern animation library for React and JavaScript

Simulating Hand-Drawn Motion with SVG Filters

A practical guide to implementing the boiling line animation effect using SVG filter primitives and JavaScript - Blog post by Camillo Visini

Josh W. Comeau

Friendly tutorials for developers. Focus on React, CSS, Animation, and more!