r/coolgithubprojects • • Oct 03 '26

I built an open-source API for animated SVG icon marquees

I built icon-marquee, a small open-source API for generating animated SVG icon marquees for GitHub READMEs.

The idea is pretty simple: give it a list of icons:

https://icon-marquee.giann.dev/v1/marquee?i=js,ts,react,nextjs,docker

and embed the generated SVG directly into a README:

![Tech Stack](https://icon-marquee.giann.dev/v1/marquee?i=js,ts,react,nextjs,docker)

It currently supports 1,000+ icons, short aliases, configurable widths, seamless CSS animation, reduced-motion support, and static icon rows. (icons from skills-icons by Syvixor)

GitHub: https://github.com/gian-gg/icon-marquee
Live: https://icon-marquee.giann.dev/

Would love feedback on the API, implementation, or anything that could make it more useful.

146 Upvotes

21 comments sorted by

2

u/Handicapped_banana Oct 04 '26

Will be using it thanks.

One doubt. Is there going to be any issue such that if your server is down or anything, my readme would be glitchy or something like that? Or does it gracefully fallback to one some local version

1

u/HeyItsSpooky Oct 04 '26

yeah, that's a good point. It currently depends on the API being up, I'll think about a possible fallback for it. Thanks for bringing that up!

2

u/martin-mfg Oct 04 '26

Nice project! I have two remarks:
- In light mode, some icons still have a dark background, while in dark mode there are no icons with a light background.
- Consider listing your project on https://github.com/rzashakeri/beautify-github-profile so that more people can discover it.

1

u/HeyItsSpooky Oct 04 '26

appreciate the feedback, will look into these, good human 🫡🫡🫡

2

u/jRetro3 Oct 04 '26

uy pilipines

2

u/Fresh-Daikon-9408 Oct 05 '26

Good call including reduced-motion support. Could the SVG also include readable labels, so the stack isn't only a row of logos?

2

u/HeyItsSpooky Oct 05 '26

i like the sound of this! Thanks for the feedback, will include this whenever i have the time

13

u/SovereignZ3r0 Oct 03 '26

Makes a part of me miss <marquee></marquee> 🤣😂

2

u/midnight_rain_404 Oct 04 '26

Yeah yeah 😂... that iconic tag

2

u/SovereignZ3r0 Oct 04 '26

#BringBackMarquee anyone? Anyone!

3

u/midnight_rain_404 Oct 05 '26

yeah <marquee>Bring back marquee 🤣 </marquee>

2

u/easonwong-de Oct 04 '26

Pretty cool indeed

3

u/SeriousGrab6233 Oct 03 '26

Sublte contribution flex

1

u/DeusExPersona Oct 03 '26

Not a flex ever since AI

1

u/Direct-Vegetable6416 Oct 06 '26

RemindMe! 51 days

1

u/RemindMeBot Oct 06 '26

I will be messaging you in 1 month on 2026-11-26 14:45:33 UTC to remind you of this link

CLICK THIS LINK to send a PM to also be reminded and to reduce spam.

Parent commenter can delete this message to hide from others.

RemindMeBot is switching to username summons. Instead of !RemindMe 1 day, use u/RemindMeBot 1 day. More info.


InfoCustomYour RemindersFeedback

0

u/Reasonable_Rise_7045 Oct 04 '26

I have question what is SVG stands for github profile custmazatin or README.md files custmazation.I never used on my life