Shields Creative – Animated Badges for GitHub Readme

1 month ago 5

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

Read Entire Article