GitHub Repo Banner

Banner preview
I believe every repository deserves to look beautiful. Your code is art, your projects deserve stunning visuals to match. But design tools steal hours you don't have. So I built a service that generates gorgeous banners through simple URL parameters. Instant, customizable, and no design tools required. Because great projects deserve great presentation.

Settings

Using Emojis & Icons

Emojis: Copy from Emojipedia and paste

  • Example: "Hello World ๐Ÿ‘‹"

Simple Icons: Use ![icon-name] from Simple Icons

  • Auto theme: "React ![react] App"
  • Light theme: "GitHub ![github](light)"
  • Dark theme: "Node ![node](dark)"

Custom icon: ![icon src="https://example.com/logo.png" w="100%"]. Percentages follow the text size; use pixels for a fixed size. Optional h sets height.

Text: 0/50 | Icons: none

Using Google Fonts

Browse fonts at Google Fonts and copy the font name exactly as shown.

Examples:

  • Roboto
  • Permanent Marker
  • Montserrat
  • Poppins

Leave empty to use the default font.

Using Emojis & Icons

Emojis: Copy from Emojipedia and paste

  • Example: "Made with โค๏ธ"

Simple Icons: Use ![icon-name] from Simple Icons

  • Auto theme: "Built with ![typescript]"
  • Light theme: "Powered by ![vercel](light)"
  • Dark theme: "Made by ![github](dark)"

Custom icon: ![icon src="https://example.com/logo.png" w="100%"]. Percentages follow the text size; use pixels for a fixed size. Optional h sets height.

Text: 0/60 | Icons: none

Using Google Fonts

Browse fonts at Google Fonts and copy the font name exactly as shown.

Examples:

  • Inter
  • Open Sans
  • Lato
  • Kinewave

Leave empty to use the default font.

#
#
#
#

Leave empty for solid background color.

HTTPS image URL. Overrides background color when set. Max 10 MB.

Background colors and presets are available.

You can also search on Pexels and paste a direct image URL above.

Background styling

Color filters affect only the background. Add an HTTPS image URL to enable blur. Text and watermarks stay sharp.

Custom Images

Add logos or decorations anywhere on the banner. Use public HTTPS images up to 1 MiB each (PNG, JPEG, WebP, GIF or AVIF), with at most 16,777,216 pixels across all frames.

Positions start at the top-left of the 1280 ร— 304 banner. Rotate each image clockwise from 0ยฐ to 360ยฐ around its center. Images extending past an edge, including after rotation, are cropped. Raise or lower images within the same text position; the watermark stays on top.

Output

Exporting does not store your design. Usage statistics are optional on self-hosted instances.

Applies to future previews, copied banner links and downloads. It does not remove a page view already counted. See page-view opt-outs and privacy details.

Watermark Position