Skip to content

🎨 A simple online tool to customize and generate GitHub corner banners. Choose position, colors, and style, then copy the ready-to-use SVG snippet for your site.

Notifications You must be signed in to change notification settings

YasinC2/github-corner-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

GitHub Corner Generator πŸ–οΈ

A simple and customizable online tool to create stylish GitHub corner banners for your website. Easily choose the corner position, adjust colors, and copy the generated SVG code β€” no coding required.

✨ Features

  • Choose corner position (top-left, top-right, etc.)
  • Customize fill color and background
  • Live preview
  • Copy-paste ready SVG embed code
  • Lightweight and easy to use

πŸ’‘ Inspiration

This project is inspired by the idea behind tholman/github-corners, a popular GitHub project for adding GitHub ribbons to websites. While the original project uses a specific SVG style, this tool provides a unique, custom-designed banner SVG with added flexibility and editing options.

Thanks to @tholman for the inspiration!

πŸš€ How to Use

  1. Visit the GitHub Corner Generator.
  2. Customize your banner using the settings panel.
  3. Preview the changes in real time.
  4. Copy the generated SVG embed code and paste it into your website's HTML.

πŸ“„ License

MIT Β© YasinC2

About

🎨 A simple online tool to customize and generate GitHub corner banners. Choose position, colors, and style, then copy the ready-to-use SVG snippet for your site.

Resources

Stars

Watchers

Forks