A minimal SVG loader API similar to placehold.co that serves animated SVG loaders via edge functions.
Used AI to find bugs.
(not vibecoded!)
This project is a simple API for SVG loaders, I was thinking of using vercel but turns out Netlify worked aswell.
I didn’t spend much time on this but it turned out great. I’ll add some more customization based on feedback from voters.
I went in and seperated the JS and HTML, so now all the JS sits in main.js
Originally I had a simple script tag, and didn’t realize I would need more JS
I also fixed up some inconsistencies with the class names and ids, so now everything is more uniform
The svg in the dark/light mode toggle broke so I had to fix that and I made the dark mode gradient less harsh
I believe it’s time to SHIPP!!!
Log in to leave a comment
Added the initial project structure and the API files, decided to go with Netlify edge functions.
Homepage has a playground using the API and lets the user customize the spinner then copy the URL to put into their projects.
Setup the default spinner with a required parameter being the size.
Other parameters include: speed, width, foreground and background colour
Added a dark mode toggle to see the spinner in dark mode apps, SVG int he playground is scaled regardless of size chosen for easier customization. Documentation was added to the README for anyone to try out and see examples
Later, based on feedback, I’ll try to add more customization, more loader types and make playground nicer.
Log in to leave a comment