In this guest tutorial, Sarah Drasner demonstrates how to use the Mo.js library to create a smooth colorful “burst” animation in the browser.

Sarah is an award-winning Speaker, Consultant, and Staff Writer at CSS-Tricks. Sarah is also the co-founder of Web Animation Workshops, with Val Head. She’s given a Frontend Masters workshop on Advanced SVG Animations, and is working on a book for O’Reilly on SVG Animations. She’s formerly Manager of UX Design & Engineering at Trulia (Zillow). Last year Sarah won CSS Dev Conf’s “Best of Best of Award” as well as “Best Code Wrangler” from CSS Design Awards. She has worked for 15 years as a web developer and designer, and at points worked as a Scientific Illustrator and a Undergraduate Professor, and has tutored a Byzantine Icon painter in Santorini. Sarah has also taught a literacy program for the Cartoon Art Museum in San Francisco.

Source code:


Sarah Drasner’s website:
Twitter account:
Web Animation Workshops:

For more Guest Tutorials and Interviews:
For more Coding Challenges:

Help us caption & translate this video!