Build your own Glitch loader/spinner

Project URL: https://thats-no-moon.glitch.me/ (~thats-no-moon)

I took the HTML for the little animated loading icon on Glitch, and bound some properties with Vue so that you can customise them. That’s all!

You can change its shape and size, make it square, and change the colours of the circles. Because they use mix-blend-mode: exclusion you will also get some extra, unexpected colours.

Hopefully you think it’s fun :slight_smile:

9 Likes