Rainbow Spinner

Self contained SVG preloader

Vue.js
Illustrator

Rainbow Spinner, is a side project that explores SVG as a self contained animation format that can be wrapped in a CSS variable.

SMIL, animation markup for SVG allows easy access to animation parameters for customisation, while a CSS variable is an easy copy&paste way to add a spinner to your project.

It has been built with SVG & nuxt.js

Animations can be customised and downloaded as an SVG or a ready to use CSS.

Visit Rainbow Spinner on netlify