GitHub README banner (1280ร—640). Dev profile first impression.
๐Ÿ™ Preview (1280ร—640)

How to use

  1. Type name/handle, title, description.
  2. Pick emoji and social handles.
  3. Choose from 6 gradients.
  4. Set text color, dot-grid toggle.
  5. Download PNG and upload to your GitHub repo.

Key features

  • GitHub standard 1280ร—640
  • 6 gradient backgrounds
  • Free name/title/desc/social input
  • Dot-grid background option
  • Emoji highlight

Use cases

  • GitHub README.md top โ€” first impression
  • Personal portfolio โ€” main visual
  • Resume โ€” visual header
  • Blog OG image โ€” 1280ร—640 is OG standard
  • LinkedIn banner โ€” 1584ร—396 needs cropping

Power of the GitHub Profile README

The 2020-launched "Profile README" feature: put README.md in a repo named after your username, and it appears on your profile. For developers it's a business card + portfolio + resume in one page. An eye-catching banner sets the tone. Just add `![Banner](banner.png)` to README's first line.

FAQ

Add to README?

(1) Create a repo with your username (2) Upload PNG (3) Add `![](banner.png)` in README.md.

Other social banners?

Yes โ€” LinkedIn (1584ร—396), Twitter (1500ร—500) need separate tools (different ratios).

High-res PNG?

Output is 2ร— (2560ร—1280) for retina sharpness.

Free?

Yes.