Voltar ao ranking
leviarista/github-profile-header-generator
JavaScriptleviarista.github.io/github-profile-header-generator/A header image generator for your Github profile Readme
githubvitegithub-profilegithub-profile-readmegithub-profile-generatorheader-generatorimage-generatorsgithub-profile-header-generatorgithub-headergithub-readmegithub-readme-profilegithub-header-image
Métricas principais
Crescimento de estrelas
Estrelas
1.3k
Forks
90
Crescimento semanal
—
Issues
3
5001k
mar. de 2022nov. de 2022ago. de 2023mai. de 2024fev. de 2025out. de 2025jul. de 2026
Artefatosnpm
npm install github-profile-header-generatorREADME
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!
How to use it?
- Create a nice github header image.
- Create your GitHub profile README following this guide.
- Upload your header to your profile repo.
- Add this line to your README:

Examples

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
Get started
npm run dev- starts dev servernpm run build- builds for productionnpm run preview- locally previews production build
Get started with Docker
docker-compose up -d --build --force-recreate
Contributing
Check out our Contributing guide
Repositórios relacionados