Get Git my stat! 🎨 Turn your GitHub activity into sleek stats and cool visuals
Inspired by a great project github-readme-stats
Tip
Lazy to read alot just for readme? Me too! Thats why I made a Builder which generates the cards for your parameters. Give it a try!
All cards are built equally. Which means these apply to every card possible
| Parameters | Description | Default |
|---|---|---|
username |
The username to get the data from | |
theme |
The theme to apply on the cards | dark |
Important
As url encoding messes up the # tag character, we wanted you to provide a hexadecimal code instead.
Nothing actually. instead of # we use 0x.
For example
#000000 is the same as 0x000000 > #075fff is the same as 0x075fff
| Parameters | Description |
|---|---|
color |
The hexadecimal color of the text color |
accent |
The hexadecimal color of the accent color |
background |
The hexadecimal color of the background |
border |
The hexadecimal color of the border |
tip |
The hexadecimal color of the tertiary (tips) color |
radius |
The radius of the border |
padding |
The padding of the border |
- Totally decked out example
Tip
Adding theme={theme} in the url would change the theme of any card
For example
https://gitmystat.vercel.app/recent?username=rahuletto&theme=gold
Warning
For wakatime, We are using WakaTime api, which only displays for profiles that are public. Make sure the Display code time publicly and Display languages, editors, os, categories publicly are enabled.
Visit the themes page!
It's alright! the parameters can override particular colors of the theme while keeping the other colors the same from the theme.
These themes are not hard coded. You can add your own! You have a great color palette? PLEASE do a pull request on our repo and make it a reality.
Note
If you are making a theme, please make a light mode version of it too. This is not mandatory to do, but it's a good thing to have more flavors.
- Go to
/themes/index.ts
themename: {
color: '#hex',
accent: '#hex',
background: '#hex',
border: '#hex',
tip: '#hex',
radius: 24,
padding: 24,
},- Change the
themenameto the name you prefer - Change the color hex codes of the things, localhost would be great to test it
- Push it, Do a pull request.
It's that simple.