Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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 !!

Awesome Lists containing this project

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)