How I Made a Generator for SVG Loaders With Sass and SMIL Options

Mariana Beldi
Geek Culture
Published in
7 min readNov 11, 2021

--

While learning Vue.js, I started building free web tools that involved the exploration of SVG, with the goal of learning something about both! Let’s take a look at one of those tools: a generator that makes SVG loaders and lets you choose between SMIL or Sass animation, different styles, colors, shapes, and effects. It even lets you paste in a custom path or text, and then…

--

--

Mariana Beldi
Geek Culture

I write about design + code + illustration & SVG. Head of Branding @ Leniolabs.comholasvg.com