







A fast, multipurpose and lightweight JavaScript animation library
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!


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.

Ori UI — Open-Source Animated Svelte UI Components
Free and open-source animated components and effects built with Svelte, Typescript, Tailwind CSS, and Animejs/Motion. Perfect companion for svelte-shadcn/ui.


animate with dermot - home
animation and design tutorials, tradition hand-drawn, but also puppet based animation with Flash, AnimateCC, Harmony
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.

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

I maintain a curated list of animation learning resources, links to handy sites, books, reference, etc. ninjadodo.net/animlinks.html
Animation Resources
www.ninjadodo.net
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

svelte/motion • Svelte Docs

svelte/animate • Svelte Docs

svelte/transition • Svelte Docs

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

Homepage
motiondivision/motion

Svelte-Motion