Geek Culture
Published in

Geek Culture

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

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…




A new tech publication by Start it up (

Recommended from Medium

VS Code must have plugins and extensions for Frontend Developers | November 2018

05-ElasticSearch-Logs: Custom displaying

Deploying React app to Git-Hub pages

Introducing Exokit: A Javascript Web Engine for the Post Screen Era

JavaScript functions series — three

Sinatra Portfolio Project

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Mariana Beldi

Mariana Beldi

I write about design + code + illustration and SVG. Head of Branding @

More from Medium

OpenAPI Tutorial: How to Automatically Generate Tests for OpenAPI Generator SDKs

Taking the next step towards digital transformation with a branded access app (Part 1 / 4)

Multi-tenant deployments with Camunda BPM and SpringBoot

Symbolic image für multi-tenancy

Indoor Air Quality Monitoring