







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

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.

Umoupen — Animate and Draw
Animation and drawing software for artists on Windows and macOS.
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.

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

Wallpaper Engine: Animated Wallpapers on Windows
Use stunning live and dynamic wallpapers to customize your Windows desktop. Animate your own images to create new wallpapers or import videos and websites and share them with others!
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.


Portfolio - Brandon Ma

animate: • Svelte Docs
Animations for an AI agent using SVG and Svelte
Svelte - Native Animation Tools (by Bee 🐝) — Semble
Svelte - Animation Engines (by Bee 🐝) — Semble