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: 2 months 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 (5 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)