Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Akshay090/svg-banners
Styled banners for your Readme made with html/css in SVG !!
https://github.com/Akshay090/svg-banners
banner readme svg svg-animations
Last synced: about 1 month ago
JSON representation
Styled banners for your Readme made with html/css in SVG !!
- Host: GitHub
- URL: https://github.com/Akshay090/svg-banners
- Owner: Akshay090
- Created: 2020-07-22T17:45:48.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2020-10-13T19:05:09.000Z (about 4 years ago)
- Last Synced: 2024-08-01T21:57:10.931Z (4 months ago)
- Topics: banner, readme, svg, svg-animations
- Language: JavaScript
- Homepage: https://svg-banners.vercel.app
- Size: 19.5 KB
- Stars: 263
- Watchers: 9
- Forks: 47
- Open Issues: 2
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
- project-awesome - Akshay090/svg-banners - Styled banners for your Readme made with html/css in SVG !! (JavaScript)
- awesome-github-profile - svg banners
README
## π SVG Banners - Collection of easily customizable animated SVG made with HTML/CSS for your Readme files
### π‘ Inspiration :
- #### [css-in-readme-like-wat](https://github.com/sindresorhus/css-in-readme-like-wat)
- #### [github-readme-stats](https://github.com/anuraghazra/github-readme-stats)### π§ Contributing :
### β‘ Add more SVG or create variants for existing ones read [how-to-add.md](https://github.com/Akshay090/svg-banners/blob/master/how-to-add.md)### π οΈ Working Locally : Use [markserv](https://github.com/markserv/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)
```
[![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)
```
[![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)
```
[![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)
```
[![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)
```
[![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)
```
[![SVG Banners](https://svg-banners.vercel.app/api?type=rainbow&text1=Dancing%20Rainbow%20π&width=800&height=400)](https://github.com/Akshay090/svg-banners)