GitHub Repository Banner Generator

Create beautiful, responsive banners for your GitHub repositories with automatic dark/light mode support.

# Banner Style

# Banner Configuration

GitHub Repository URL (optional)

Pulls the repo name, description, homepage, language color, and owner avatar from GitHub.

Command Prefix (optional)

Shown before the repo name in the command line

Repository Name *

Banner Title *

Banner Subtitle (optional)

Icon Upload (optional)

PNG, SVG, JPG, or JPEG files

Hashtag or Website (optional)

Theme Color

Title Font

Repository & Hashtag Font

Generated HTML

# Banner Preview

Dark Mode

Light Mode

Social Media Image

The package includes this social image mode, both README banners, and the generated HTML.

# How to Use

Fill out the form

Enter your repository name, banner title, and customize the appearance

Preview your banner

See how your banner will look in both dark and light modes

Download banner images

Click the download buttons to save both versions

Create an art/ directory

Add a folder named "art" to your repository root

Add the images

Place the downloaded PNGs in the art/ folder

Update your README.md

Copy the generated HTML code and paste it at the top

Dark/Light Mode Support

The generated HTML uses prefers-color-scheme media queries to automatically switch between dark and light banners based on the user's system preference. This provides a seamless experience for users browsing your repository on GitHub.