GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - leviarista/github-profile-header-generator: A header image generator for your Github profile Readme

BranchesTags
Open more actions menu

Latest commit

 

History

153 Commits
153 Commits

Folders and files

NameName
Last commit message
Last commit date
.github
.github
 
 
conf
conf
 
 
deploy
deploy
 
 
images
images
 
 
js
js
 
 
partials
partials
 
 
public
public
 
 
social
social
 
 
styles
styles
 
 
tests
tests
 
 
.dockerignore
.dockerignore
 
 
.gitignore
.gitignore
 
 
Dockerfile
Dockerfile
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
TESTING.md
TESTING.md
 
 
docker-compose.yml
docker-compose.yml
 
 
eslint.config.js
eslint.config.js
 
 
index.html
index.html
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 
playwright.config.ts
playwright.config.ts
 
 
vite.config.js
vite.config.js
 
 
vitest.config.js
vitest.config.js
 
 

Repository files navigation

Github Profile Header Generator

What is it?

A simple but nice header image generator for your Github profile Readme.
You can use it for your repo banners too!

Create my banner!

How to use it?

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

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 between Github dark and light mode.
  • Download image as png.
  • Choose from predefined presets or get a random one.

Tech used

  • Vite
  • snapdom

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

Contributing

Check out our Contributing guide

About

A header image generator for your Github profile Readme

leviarista.github.io/github-profile-header-generator/

Topics

banner-generatorgithubgithub-bannergithub-headergithub-header-imagegithub-profilegithub-profile-generatorgithub-profile-headergithub-profile-header-generatorgithub-profile-readmegithub-readmegithub-readme-profileheader-generatorimage-generatorsvite

Resources

Readme
MIT license

Code of conduct

Code of conduct

Contributing

Contributing

Security policy

Security policy
Activity

Stars

1.4k stars

Watchers

8 watching

Forks

97 forks
Report repository

Releases

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.