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 readThe editors’ pick
Case study · Pixel8 ProductionOpus 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.
Prakhar MehtaRead the story ↗
399 reads264 sources106 Claude 5.5 reads1 disclosed AI-assisted
Notes worth keeping
Open to everyoneRead the motion 399
GuideNov 7, 2025
PerformanceAnimation performance and frame rate - MDN Web Docs
Read at source developer.mozilla.org
ArticleNov 5, 2025
PerformanceThe Web Animation Performance Tier List
Read at source motion.dev
ArticleNov 3, 2025
Creative codingMaking Complex SVG Animations with GSAP
Read at source learnspace.blog
ArticleOct 25, 2025
Creative codingDissecting a Wavy Shader: Sine, Refraction, and Serendipity
Read at source tympanus.net
TutorialOct 8, 2025
Creative codingHow to Animate WebGL Shaders with GSAP: Ripples, Reveals, and Dynamic Blur Effects
Read at source tympanus.net
ArticleAug 27, 2025
Motion foundationsHow Storytelling Actually Works in Motion Design (And Why Most Videos Get It Wrong)
Read at source motionstory.com.au
ArticleJul 23, 2025
Motion foundationsMotion Design: Elevating Brand Storytelling
Read at source theteam.co.uk
ArticleJul 11, 2025
UI & interactionScroll-Driven Sticky Heading | CSS-Tricks
Read at source css-tricks.com
GuideJun 20, 2025
UI & interactionA guide to Scroll-driven Animations with just CSS | WebKit
Read at source webkit.org
TutorialMay 30, 2025
Tools & workflowHow to use Lottie animations | Envato Tuts+
Read at source design.tutsplus.com
TutorialMay 28, 2025
Tools & workflowHow to Storyboard for Motion Graphics: Step-by-Step Guide and Tips
Read at source story-boards.ai
GuideMay 23, 2025
UI & interactionGreat Animations - UI UX Showcase
Read at source uiuxshowcase.com
TutorialApr 18, 2025
Tools & workflowHow to create a Lottie animation | Envato Tuts+
Read at source design.tutsplus.com
ArticleApr 14, 2025
Motion foundationsGreat Animations | Hack Design
Read at source hackdesign.org
TutorialMar 26, 2025
Tools & workflowHow to animate text in After Effects | kinetic typography | Envato Tuts+
Read at source photography.tutsplus.com
ArticleMar 13, 2025
UI & interactionCSS Scroll Effects: 50 Interactive Animations to Try
Read at source prismic.io
Case studyFeb 26, 2025
UI & interactionHow NRK uses scroll-driven animations to bring stories to life
Read at source developer.chrome.com
TutorialJan 13, 2025
Motion foundationsCSS spring example & tutorial for React
Read at source motion.dev
ArticleJan 10, 2025
UI & interactionYou can scroll things - by Jhey ʕ•ᴥ•ʔ - The Craft of UI
Read at source craftofui.substack.com
TutorialDec 19, 2024
Creative codingCrafting a Dreamy Particle Effect with Three.js and GPGPU
Read at source tympanus.net
GuideAug 21, 2024
Motion foundationsKinetic Typography: The Complete Guide to Motion Text Design in 2026
Read at source ikagency.com
GuideJul 8, 2024
Motion foundationsMotion Design Principles for Websites
Read at source sliderrevolution.com
Some content may require a subscription
ArticleMar 25, 2024
Motion foundationsKinetic typography: the what, why, and how
Read at source linearity.io
TutorialFeb 16, 2024
Tools & workflowComprehensive Guide to Creating Animations with Lottie Creator
Read at source lottiefiles.com
241–264 / 399 reads
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.