The Almighty Rabbit Hole

on YouTube ↗45m

" summary

Shows concrete results: builds interactive SVG components with SVG + GreenSock, exports After Effects via Bodymovin / Lottie and stitches JS on top, and packages a Perpetual Pencil library that draws arbitrary SVG paths. Demonstrates particle systems, randomized bursts and goo effects implemented with SVG filters, turns experiments into paid client work and sellable loaders, and ships dynamic generators (sliders, toggles) that actually run smoothly in the browser.

AI-written summary · about

" chapters (14)

1. 0:00Start
2. 0:01Chris Gannon
3. 1:39The Almighty Rabbit Hole
4. 7:55Particle Systems
5. 11:12Toggles
6. 14:33Egg Toggle
7. 15:32Humor
8. 17:54Sliders
9. 19:54Dynamic Slider
10. 23:00Ufo Slide
11. 24:20Details and Surprise
12. 31:03Randomness
13. 32:21Fire Loader
14. 36:56Animate with Svg

" related talks

• 36mInteractive Web Animation with SVGCassie Evans · beyond tellerrand Berlin 2019
• 30mDown the SVG Rabbit HoleRobyn Larsen · JSUnconf 2018
• 25mAn SVG’s TaleElizabet Oliveira · React Amsterdam 2019
• 41m2D and 3D Animation Using JavaScript Greensock & SplineChris Gannon · Pixel Pioneers 2025
• 31mAnimating SVGsZell Liew · CSSConf.Asia 2015
• 36mCreative Coding with React & SVGVarun Vachhar · FITC Toronto 2016
• 43mAnimating in ReactSarah Drasner · React Rally 2016
• 31mAn SVG’s TaleElizabet Oliveira · <React.NotAConf /> 2019