Shields Creative – Animated Badges for GitHub Readme

Share This Post

URL: https://github.com/Tryboy869/Shields-2.0

I built Shields Creative as a more visually appealing alternative to Shields.io for GitHub projects.

Technical highlights:
– Pure SVG generation with CSS animations (no JS execution)
– Modular architecture in ~450 lines
– In-memory LRU cache with Vercel CDN
– Security-first: XSS protection, input validation

Example:
https://shields-2-0.vercel.app/badge/Premium-Member-8b5cf6?style=glass&animate=pulse-scale

The service supports 5 visual styles (glass, neon, depth, gradient, minimal) and 5 animations. All rendering is done server-side for GitHub compatibility.

Live demo at: https://shields-2-0.vercel.app

Open to feedback on the architecture and feature suggestions!

TIMING TIP: Post Tuesday-Thursday between 8-10 AM EST (2-4 PM Paris) for best visibility


Comments URL: https://news.ycombinator.com/item?id=45500954

Points: 1

# Comments: 1

Source: news.ycombinator.com

Subscribe To Our Newsletter

Get updates and learn from the best

More To Explore

Windows Securitym Hackers Feeds

What We Can Learn from Brain Organoids

Article URL: https://www.nytimes.com/2025/11/06/science/brain-organoids-neurons.html Comments URL: https://news.ycombinator.com/item?id=45861515 Points: 1 # Comments: 0 Source: www.nytimes.com

Do You Want To Boost Your Business?

drop us a line and keep in touch

We are here to help

One of our technicians will be with you shortly.