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
ArticleAug 27, 2020
Creative codingExperimental Triangle Image Transitions with WebGL
Read at source tympanus.net
ArticleJun 24, 2020
Motion foundationsWhat Are Animatics, and Why Are They Important?
Read at source schoolofmotion.com
ArticleDec 3, 2019
Motion foundationsMotion Paths – Past, Present and Future
Read at source tympanus.net
GuideAug 22, 2019
Motion foundationsA Guide to Completing Your Motion Design Project
Read at source schoolofmotion.com
ArticleMar 28, 2019
PerformanceAnimation Performance 101: Browser Under the Hood
Read at source viget.com
ArticleFeb 21, 2019
UI & interactionIncluding Animation In Your Design System
Read at source smashingmagazine.com
TutorialJan 5, 2018
Tools & workflowTutorial: Kinetic Typography in After Effects | Part 1
Read at source schoolofmotion.com
ArticleDec 5, 2017
Creative codingCreative SVG Strokes Animation
Read at source tympanus.net
ArticleOct 17, 2017
Creative codingDynamic Shape Overlays with SVG
Read at source tympanus.net
ArticleSep 19, 2017
Creative codingOrganic SVG Shape Morph Ideas
Read at source tympanus.net
ArticleJun 28, 2017
Creative codingOrganic Shape Animations with SVG clipPath
Read at source tympanus.net
ArticleApr 26, 2017
Creative codingWebGL Scroll Spiral
Read at source tympanus.net
ArticleDec 9, 2016
Motion foundationsCSS GPU Animation: Doing It Right — Smashing Magazine
Read at source smashingmagazine.com
ArticleSep 13, 2016
Creative codingFancy SVG Letter Animation
Read at source tympanus.net
Case studyJul 26, 2016
Creative codingThe Illusion Of Life: An SVG Animation Case Study — Smashing Magazine
Read at source smashingmagazine.com
TutorialMay 3, 2016
Creative codingAnimated Heat Distortion Effects with WebGL
Read at source tympanus.net
ArticleMar 2, 2016
Creative codingCreative SVG Letter Animations
Read at source tympanus.net
ArticleFeb 11, 2016
Motion foundationsEasing, Excessiveness, & Pace in Motion Design | Hanson Inc.
Read at source hansoninc.com
TutorialNov 10, 2015
Tools & workflowUsing Type Animators to Create Kinetic Typography Animations in After Effects CC — Motion Tutorials
Read at source motiontutorials.net
TutorialMar 25, 2015
Creative codingCreating a “Jump Loader” Animation with SVG and GSAP
Read at source tympanus.net
ArticleNov 24, 2014
PerformanceGoodbye, Layout Invalidation: Animating SVGs with CSS Transforms | Charlie Marsh
Read at source crmarsh.com
ArticleMay 14, 2013
Motion foundationsMake a kinetic typography video with CSS | Creative Bloq
Read at source creativebloq.com
ArticleMar 8, 2013
Tools & workflowThe Process of Storyboarding - Abbott Animation Blog
Read at source abbottanimation.com
ArticleApr 18, 2012
Tools & workflowKinetic typography techniques with Photoshop and After Effects | Creative Bloq
Read at source creativebloq.com
289–312 / 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.