Learn how to animate Scalable Vector Graphics

How to animate Scalable Vector Graphics

Sam Kapila shares some tips for bringing SVGs to life

Scaleable Vector Graphics (SVGs) are now fully supported in most well-known browsers, going a few versions back. We've seen SVGs go from experimental and partially supported to a delightful part of the overall user experience, and an extra layer of personality for web apps, products and online brands. A lot of this came in the form of CSS3 animation and by lightweight JavaScript libraries.

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

Sam Kapila

Sam is a designer living in Austin, Texas, who speaks and writes extensively about web and product design, diversity, inclusion, and equity. In 2011, she wrote the first university course on the topic of Responsive Web Design. She is currently Design Director at thoughtbot, and serves on several design advisory boards in Austin.