랭킹으로 돌아가기
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
주요 지표
스타 성장
스타
1.3k
포크
90
주간 성장
—
이슈
3
5001k
2022년 3월2022년 11월2023년 8월2024년 5월2025년 2월2025년 10월2026년 7월
아티팩트npm
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
관련 저장소