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

Spam classifier in Go using Naive Bayes

Article URL: https://github.com/igomez10/nspammer Comments URL: https://news.ycombinator.com/item?id=45860516 Points: 1 # Comments: 0 Source: github.com

Dijkstra's Algorithm in JavaScript

Article URL: https://github.com/trekhleb/javascript-algorithms/blob/master/src/algorithms/graph/dijkstra/README.md Comments URL: https://news.ycombinator.com/item?id=45860503 Points: 1 # Comments: 0 Source: github.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.