Motion design articles and tutorials about Claude Stay curious.
Move forward.
Motion principles, production workflows and practical tutorials. Read the original publications, with the authors credited.
Find your next readOpus 5.5 Motion Graphics: What 39 Review Notes Taught Us
A production team shares the revisions behind two client films, and explains where coded motion still needs a designer’s judgement.
Read the motion 399
Create complex animation curves in CSS with the linear() easing function | CSS and UI | Chrome for Developers
Creating Interactive SVG Animations with After Effects and Webflow
Creating a motion design system at Waze
Custom on Hover Lottie Animation in Webflow Using Jitter
Design Tokens for Motion: How to Standardize Animation Durations, Easing, and Keyframes Across a Design System | Ruixen UI | Ruixen UI
Designing spring animations for the web
Easing curves are a design language - baraa.app
Friction as a feature · Motion
GPU Compositing · React Performance
GPU layers and will-change for transitions — cssShowcase
GSAP Animations | 100+ Effects & Examples
GSAP Web Animation | Learn Web Design With Quinton Jason
GSAP | GSAP | Docs & Learning
Get started with scroll-driven animations in CSS | Google Codelabs
Good vs Great Animations
Small decisions about timing, easing and transitions that turn a functional animation into a carefully considered interaction.
Great Animations
How to 3D Model Anything With Claude + Blender
Beginner seven-step guide to connecting Blender to Claude Code through the Blender MCP server extension, then building, lighting and composing 3D scenes with plain-English prompts. Covers installing and enabling the extension, registering the server in Claude Code, a test scene of the reader's name in 3D, reusing downloaded models from asset libraries, and troubleshooting connection problems.
- Goal
- 3D scenes
- Route
- Claude Code + Blender MCP + Blender
Disclosure Publisher upsells its own Rundown Pro membership.
How to Create 3D Models with Claude (2026): Blender, SketchUp, CAD & More
Reference guide explaining that Claude cannot output a mesh on its own and has to drive 3D software. Compares MCP for Blender, the official Blender connector, SketchUp, Fusion, Meshy, FreeCAD and Unity, with install steps, 3D printing routes through OpenSCAD and CadQuery, Three.js for the web, and fixes for common connector errors and security issues.
Disclosure Links to the publisher's own newsletter and job site, and to paid services such as Meshy.
How to Easily Create Web Animations With GSAP - Netgen
How to Storyboard for Motion Graphics (Step-by-Step Guide)
How to Use Claude in After Effects (Build Comps From a Prompt)
Connects Claude to After Effects through the Filmit MCP connector and tests a looping day-to-night beach animation, calling the result a rough first draft and suggesting repetitive jobs such as bulk lower thirds.
- Goal
- Motion graphics in After Effects
- Route
- Claude + Filmit MCP + After Effects
Disclosure Vendor post promoting Filmit MCP and Filmit Studio.
How to Use Lottie Animations on Your Website (2026) | UDT
How to create high-performance CSS animations | Articles | web.dev
A guide to browser-friendly animation, covering rendering costs, compositing and techniques for smoother movement.
Karl Koch | On reduced motion
Read the original. Credit the creator.
Every read links to the original publication. Authors and publishers keep their credit. When a publisher discloses writing assistance, you’ll find that statement with a link to its source.