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: 8 days 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 (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-10-13T19:05:09.000Z (over 4 years ago)
• Last Synced: 2024-11-08T11:46:27.506Z (6 months ago)
• Topics: banner, readme, svg, svg-animations
• Language: JavaScript
• Homepage: https://svg-banners.vercel.app
• Size: 19.5 KB
• Stars: 277
• Watchers: 9
• Forks: 47
• Open Issues: 2
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

• 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)