Animation ​

Framer Motion, Manim, AutoAnimate & Motion Canvas are great.

Rational Animations does cute educational animations.

Like using Rive for making animations.

Links ​

• Alexander Perrin - Has a passion for meticulous dynamics, detailed digital rendering techniques and cats.
• Balloon animation
• Manim - Mathematical Animation Engine made by Grant Sanderson. (HN) (HN) (Manim Community) (Community Fork) (Manim.js) (Docs) (HN) (Learn Manim - Full Course for Beginners) (HN) (Tutorial) (Stepping through Manim's render loop) (HN) (Discord)
• Loom - Hand drawn animation tool on iPad.
• React-spring visualizer - Missing visualizer for your react-spring UI animations.
• Mobile First Animation in React | Alexandra Holachek (2019) (Code)
• What's the most powerful and developer-friendly React animation library?
• Physics-Based Animation book
• Awesome Web Animation - Most useful tools and data for creating web animations.
• How to Turn a Procreate Drawing into a Web Animation (2020)
• Animation worklet: the 4 missing features (2020)
• The ultimate guide to proper use of animation in UX (2018)
• Pose - Simple web app for character posing.
• Lottie - Use after effects animations in web and native apps. (Code) (Lottie for iOS, macOS) (HN) (Lottie 4.0 for iOS) (HN)
• Ke-Sen Huang's research on animation synthesis, animation summarization, and motion retrieval
• Rive - Bring your apps and games to life with real-time animation. (Beta) (Discord) (Awesome)
• Hashflag Gallery Animations
• WeightShift - Maya plugin for animator friendly, physically-based character animation.
• FlowBetween - Tool for creating animations. (Web)
• History of animation
• Filmstrip - Animate keyframes and get CSS. (Code)
• Pencil2D Animation - Easy, intuitive tool to make 2D hand-drawn animations. (Web)
• VPaint - Experimental vector graphics and 2D animation editor. (Code)
• AnimXYZ - Composable CSS animation toolkit. (Web)
• Shingo Tamagawa - Three Minutes, Three Years: Making Puparia (2021)
• Watch 20+ Oscar-Qualified Animation Shorts For Free (2021)
• Cartoon Brew - Animation News, Animated Cartoons.
• 35 Years of Pixar Moments! | Pixar (2021)
• Jitter - Motion design, made simple.
• Pixar in a Box: the art of storytelling (HN)
• Looom Tools - Suite of JavaScript-based tools for parsing and rendering Looom animation software files.
• 30 Minutes of Relaxing Visuals from Studio Ghibli
• Transforming animation with machine learning (2021)
• Monster Mash: New Sketch-Based Modeling and Animation Tool
• Animated Engines (HN)
• Motion One - Web Animations API for everyone. (HN) (Performance guide) (Code)
• Clean Slate Demo Scene (2021)
• How to Create Mathematical Animations like 3Blue1Brown Using Python (2021)
• Animation of Electric Machines
• Motion Representations for Articulated Animation (2021) (Code)
• GKIDS Films - Distributor of remarkable international animations.
• Learn Framer Motion in 10 Tweets (2021)
• Tween.js - JavaScript/TypeScript animation engine.
• Catsuka - Website about animation.
• The Math behind Animations - Beautiful Trigonometry (2021)
• Improvements to the Web Animations API DX
• Animation Is Eating The World (2019) (Tweet)
• The Real Story of Pixar (2021) (HN)
• LottieFiles - Lightweight, scalable animations for your website and apps. (GitHub) (Twitter)
• Code vs Data Driven Displacement (2021) (Code)
• Animation using Vite + Vue 3 + Tailwind CSS Talk
• Bringing back Cartoon Modern, a rare animation artbook (2021) (HN)
• Towards an animation smoothness metric (2021)
• MakeItTalk: Speaker-Aware Talking-Head Animation (2020) (Code) (Code)
• Free Practical Guide to Web Animation
• Editor and Presenter for Manim Generated Content
• Learn React Animations by Creating a Stripe inspired Menu
• Simplicial Fluid on triangle meshes
• Haiku Animator - Design tool for creating Lottie animations and interactive web components. (Code)
• midori - Library for animating image backgrounds in websites using WebGL.
• ossos - Character Animation Library.
• GreenSock - Professional-grade animation for the modern web. (Code)
• Animatize - Drag a character with your mouse to create an animation. (Code)
• The Art of LUCA
• Disney Filmmaking Process (HN)
• Live Speech Portraits: Real-Time Photorealistic Talking-Head Animation (2021) (Code)
• Excalidraw Claymate - Tool based on Excalidraw to create stop motion animations and slides. (Code)
• Любимые Мультфильмы
• Ask HN: How to quickly animate system sketches and 2D diagrams? (2022)
• Animation course with Manim
• animate-presence - Effortless element entrance/exit animations.
• GSAP - GreenSock - Onal-grade JavaScript animation for the modern web. (Tweet)
• Animation. For everyone. - Create hand-drawn GIFs on paper.
• MotionScape - Animations playground as a developer.
• Craft cutting-edge UIs with Framer Motion
• How to Animate Multiplayer Cursors (2022) (HN)
• Panthera - Online tool for visual creating animation for Defold.
• JavaScript: Restart all Animations of an Element
• Rational Animations - YouTube
• DreamWorks Animation to release MoonRay as open source (2022) (HN)
• MoonRay - Open-source production renderer from DreamWorks. (HN)
• Stable Diffusion animation (2022) (HN)
• Watching 'Spirited Away' again, and again (2022) (HN)
• Animating with the Flip Plugin for GSAP (2022)
• Lottie Interactivity - Small library to enable interactivity with Lottie animations.
• Glottie - OpenGL/WebGL based Lottie animation player.
• Rive-CPP - C++ runtime for Rive.
• Rive Web - WASM/JS runtime for Rive.
• Rive as a Lottie alternative (2022) (Tweet)
• Awesome Manim
• School of Motion (YouTube)
• Inox2D - Native Rust reimplementation of Inochi2D.
• movy.js - Client-side JS animation engine for creating explanatory videos.
• Math Anim - Simple C++/OpenGL application to create quick and dirty mathematically accurate animations.
• Motionity - Web-based motion graphics editor for everyone. (Code)
• Which Animated Films should be added to the Criterion Collection? (2023)
• Manim Voiceover - Manim plugin for all things voiceover.
• to-dot-lottie - CLI tool to bulk convert all .json lottie files to .lottie format.
• Motion Canvas - Web-based tool for creating animations programmatically. (Examples) (Web) (Video) (HN)
• Computational Design of Mechanical Characters
• Did We Just Change Animation Forever? (2023)
• GSAP vs. Webflow for Website Animations
• Scene.js Render - Make a movie of CSS animation through Scene.js.
• What's new in web animations (2023)
• Teaching ChatGPT the Art of Lottie Animations (2023)
• Manim Physics - Physics simulation plugin of Manim that can generate scenes in various branches of Physics.
• Using linear() for better animation (2023)
• dotLottie Web Component - Embedding and playing dotLottie animations on websites.
• Animating with Code - Motion Canvas
• AutoAnimate - Add motion to your apps with a single line of code. (Code)
• Anime.js - JavaScript animation engine. (Web) (HN)
• Lottielab - Create and Edit Lottie Animations. (HN)
• How I make science animations (2023)
• Animations From First Principles (in 5 minutes) (2023) (HN)
• Procreate Dreams (HN)