#
DIFF.BLOG
New
Following
Discover
Jobs
More
Top Writers
Suggest a blog
Upvotes plugin
Report bug
Contact
About
Privacy
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
Web Development
animation
GSAP
svg
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
3d
SVG frame-based animation
⠀ ᯽ ᯽ ⠀ ·
May 22, 2026
Web Development
animation
Squash and Stretch
joshwcomeau ·
Apr 13, 2026
Web Development
animation
SVGs that feel like GIFs
koaning ·
Jul 7, 2025
Web Development
performance
SMIL on?
CSS-Tricks ·
Apr 2, 2025
articles
animation
Animating CSS Grid Layouts with CSS Anchor Positioning
Original Content – Bram.us ·
Sep 7, 2026
Original Content
Web Development
Discover more posts →
AUTHOR
Advertise
Sponsor diff.blog
Put your product in front of developers who read and write about their craft. One exclusive sponsor at a time.
Become a sponsor →
RECENT POSTS FROM THE AUTHOR
Choose how you want to continue.
Continue with GitHub
Continue with Google
By continuing, you agree to our
Privacy Policy
.