#
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.
Discover the best posts from developers and engineering teams, all in one place.
Join now
→
Learn more
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
CSS Infinity Use Cases
Nerdy ·
Jul 25, 2026
Blog
CSS
Discover more posts →
AUTHOR
RECENT POSTS FROM THE AUTHOR
Choose how you want to continue.
Continue with GitHub
Continue with Google