The physics behind spring animations
The physics behind spring animations - The Blog of Maxime Heckel
A deep dive into the inner workings of spring animations in Framer Motion.
Figma Sites: Design, Prototype & Publish Your Next Website
Design, prototype, and launch your next website with Figma Sites—an all-in-one platform made for fast, collaborative web creation.
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.
Real-time Motion Retargeting to Highly Varied User-Created Morphologies - Chris Hecker's Website
Chris Hecker[1] Bernd Raabe[2] Ryan W. Enslow[3]John DeWeese[4] Jordan Maynard[5] Kees van Prooijen[6]
Figma’s big AI update takes on Adobe, WordPress, and Canva
There’s a new vector illustration tool on the scene.
help i accidentally a wigglegram
It is a kind of stereo image you make by looping frames together, like as a GIF.
animations.dev
Learn the theory and practice behind great animations with this interactive learning experience.
Easing Functions Cheat Sheet
Easing functions specify the speed of animation to make the movement more natural. Real objects don’t just move at a constant speed, and do not start and stop in an instant. This page helps you choose the right easing function.
Animations for System Builders: Metastability and Lost Writes - Marc's Blog
One of the things I love using LLMs for is helping me understand systems better. In the Strands Decider post I wrote about how I often ask ask me questions to check I understand this. The other technique I’m enjoying right now, and am delighted to see folks around me using too, is building animations.
Storybook Connect
Embed stories into your Figma workspace to cross-reference the live implementation in one place. Open the Storybook Connect window to start interacting with the real components. With the Storybook Connect Plugin you can: Link design components to stories Play with interactive stories ...
Tutorial: How to Animate a Quadruped Walk Cycle
Learn how to animate a realistic quadruped walk cycle in Maya with tips for blocking, refining, and polishing four-legged animation.
Bezier Customizer, a tool from Whimsical Animations
Create the perfect easing curve with this helpful tool!
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
Svelte - Animation
Resources for animations in Svelte
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