Snapp Judgement
SVGs are hard" is an understatement, and while plenty of folks use them, few have mastered them to the degree Nanda Syahrasyad has. They're currently leading design engineering at Cloudflare after helping build v0 at Vercel, and their blog NaN (Not a Number) which I think is required reading for anyone trying to understand complex frontend concepts visually. This course distills everything they've learned about SVG animation into an interactive format that makes the notoriously opaque 'd' attribute actually make sense. If you've ever stared at path commands and felt your brain melt, this is the antidote.
Screenshots
Everything you need to know about SVGs and how to animate them.
Interactive SVG Animations is the single course you need to learn all things SVG. Across five chapters, you'll learn how the SVG syntax works, the various ways to animate them, and even dive into SVG features that allow for effects typically impossible with HTML, CSS, and JavaScript alone.
Built by
Nanda Syahrasyad
Original builder
Are you the builder? Sign in to claim this listing.
Sign in to claimSimilar Projects
View all
Efecto
The best way to understand ASCII art is to play with it. Drop any image, video, or 3D model into Efe
Effect Solutions + Institute
Strange, semi-interactive lessons for learning Effect.
Fancy Components
A growing library of ready-to-use react components & microinteractions. free & open source.