Rough.js is an awesome open-source library for creating vector graphics with a hand-drawn feel. In this talk, we’ll look at how I extended Rough.js to support animations for a personal project. First, we’ll take a tour of the Rough.js ecosystem and look at how the React bindings work. We’ll see how you can render fonts with Rough.js as well. Then we’ll examine how SVG line animations work, methods for creating staggered animations with JavaScript and CSS, and how to orchestrate larger groups of animated elements. We’ll also discuss strategies for forking open-source libraries and consuming them in your own project.