Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

leviarista/github-profile-header-generator

Repository files navigation

Github Profile Header Generator

What is it?

A simple but nice header image generator for your Github profile Readme. Website Link.

How to use it?

  1. Create a nice github header image.
  2. Create your GitHub profile README following this guide.
  3. Upload your header to your profile repo.
  4. Add this line to your README:
    ![Header](./[Your header image])

Examples

Example 1 Example 2 Example 3 Example 4 Example 5

Features list

  • Edit title and subtitle texts.
  • Choose colors for text, background and borders.
  • Set dimensions and padding.
  • Align text and decorations.
  • Change fonts.
  • Set the size and radius of the border.
  • Set background pattern image, its color, size and opacity.
  • Add decorations.
  • Upload your own decoration, octocat or profile pic.
  • Toogle Github dark and light mode.
  • Download image as png.
  • Randomize between predefined themes.

Tech used

Get started

  • npm run dev- starts dev server
  • npm run build - builds for production
  • npm run preview - locally previews production build

Get started with Docker

docker-compose up -d --build --force-recreate
Morty Proxy This is a proxified and sanitized view of the page, visit original site.