Why you are animating more often than you should.

Motion is critical for how a product feels. Here’s my general framework that I’ve been using over the years.

Add motion to your static Figma designs with one click.

Draw frame-by-frame animations and create GIFs directly in your browser. Simple, fun, and powerful animation tool.

How to create an infinite marquee that follows a custom SVG path using React and Motion.

How to animate a mesh across the surface of a sphere using three.js and GSAP.

A powerful text-to-animation platform. Animate characters for your video, game, movie, ad, Social or VR project simply by typing.

UI kit to make beautiful, animated interfaces, faster. Open-source and customizable.

Luma introduces Camera Angle Concepts in Ray2—intuitive, cinematic controls that bring nuance and storytelling depth to generative video.

A fast and versatile JavaScript animation library.

A huge animation scene with many references to memes, games, films, series, anime, music groups.

Generate and customize CSS easing functions with ease and magical precision using Easing Wizard.

Fun exploration with fluid physics and ASCII rendering.

A series of surreal and humorous animated shorts to highlight the importance of creating work that simply can’t be ignored.

Beautiful work from Studio Dumbar and ABC Dinamo in partnership with OpenAI's in-house team to refresh their visual identity.

A dedicated space by Mouthwash studios to explore and come across new design and motion ideas.

A creeping shift has redefined how brands maintain identity over recent years, chasing audiences as they jump between endless windows.

An independent resource showcasing the very best motion design in branding.

What it takes to craft great animations.

A video model conditioned on any motion.