#
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
·
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
Building an Animated Testimonial Hero Using the GSAP Timeline and Dynamic CMS Data
Tympanus ·
Aug 18, 2026
Tutorials
grid
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
animation
articles
I built 37 terminal text effects in pure JavaScript
Flaviocopes ·
Aug 30, 2026
Javascript
canvas
Discover more posts →
AUTHOR
Sponsored
Zulip
Organized team chat for people who take work seriously. Topic-based threading keeps conversations focused.
Try Zulip
Become a sponsor →
RECENT POSTS FROM THE AUTHOR
Choose how you want to continue.
Continue with GitHub
Continue with Google