m0n7y5 / svg-banners

Styled banners for your Readme made with html/css in SVG !!

🌠 SVG Banners - Collection of easily customizable animated SVG made with HTML/CSS for your Readme files

💡 Inspiration :

• css-in-readme-like-wat

• github-readme-stats

🚧 Contributing :

➡ Add more SVG or create variants for existing ones read how-to-add.md

🛠️ Working Locally : Use markserv to preview markdown locally in browser.

💐 Collection

⚫ origin

[![SVG Banners](https://svg-banners.vercel.app/api?type=origin&text1=Dynamic%20SVG%20🤠&text2=💖%20Open%20Source&width=800&height=400)](https://github.com/Akshay090/svg-banners)

⚫ textBox

[![SVG Banners](https://svg-banners.vercel.app/api?type=textBox&text1=text%20Box%20🤖&width=800&height=400)](https://github.com/Akshay090/svg-banners)

⚫ glitch

[![SVG Banners](https://svg-banners.vercel.app/api?type=glitch&text1=glitch🤹&width=800&height=400)](https://github.com/Akshay090/svg-banners)

⚫ luminance

[![SVG Banners](https://svg-banners.vercel.app/api?type=luminance&text1=Luminance%20🌻&width=800&height=400)](https://github.com/Akshay090/svg-banners)

⚫ typeWriter

[![SVG Banners](https://svg-banners.vercel.app/api?type=typeWriter&text1=Hacker%20Typer%20👨‍💻&width=800&height=400)](https://github.com/Akshay090/svg-banners)

⚫ rainbow

[![SVG Banners](https://svg-banners.vercel.app/api?type=rainbow&text1=Dancing%20Rainbow%20🌈&width=800&height=400)](https://github.com/Akshay090/svg-banners)