#
DIFF.BLOG
New
Following
Discover
Jobs
More
Top Writers
Suggest a blog
Upvotes plugin
Report bug
Contact
About
Sign up
The home for great developer writing.
We surface the best developer writing from thousands of independent blogs, updated daily.
Join Diff.blog
TOPICS
Reverse-Engineering Claude AI’s Mascot Animations with SVG and GSAP
201
·
Tympanus
·
May 5, 2026, 11:14 a.m.
Tutorials
GSAP
svg
svg
GSAP
animation
Web Development
Summary
In this post, the author describes the process of recreating the mascot animations of Claude AI entirely from scratch using SVG and GSAP, showcasing a hands-on approach to animation coding.
Read full post on tympanus.net →
MORE POSTS LIKE THIS
The Architecture Behind Trionn: Coordinating GSAP, Three.js, Lenis, and Web Audio
Tympanus ·
Jul 15, 2026
articles
case study
SVG frame-based animation
⠀ ᯽ ᯽ ⠀ ·
May 22, 2026
svg
animation
Squash and Stretch
joshwcomeau ·
Apr 13, 2026
animation
svg
SVGs that feel like GIFs
koaning ·
Jul 7, 2025
svg
animation
SMIL on?
CSS-Tricks ·
Apr 2, 2025
articles
animation
Markdown SVG upgrades
simonw ·
Aug 17, 2026
svg
Markdown
Discover more posts →
AUTHOR
RECENT POSTS FROM THE AUTHOR
Choose how you want to continue.
Continue with GitHub
Continue with Google