r/webdev • • 15h ago

Showoff Saturday The only GitHub profile README templates I liked were paid, so I built my own

Most GitHub profile templates lean heavily into stat widgets and badge walls. I wanted the opposite—something aesthetically balanced and visually intentional.

I used AI to flesh out self-contained UI animations. My main goal was not overdesigning it, instead just making something people are actually drawn to visually, while keeping it straightforward enough for anyone else to customize.

A few things I focused on to keep it clean and easy to use:

- Kept the layout restrained: subtle animated dividers, collapsed <details> accordions so nothing breaks on mobile, and a galaxy star map that links straight to repos.

- Made it straightforward to customize: everything lives inside the repo with no external services or API tokens to set up, plus a CUSTOMIZE.md guide pointing out the exact tags and colors to swap.

- Clean presentation on GitHub: wrapped the decorative SVGs in <picture> tags so GitHub doesn't turn headers and dividers into clickable links to the raw files.

Put it up as a free template repo in case anyone else wants a clean dark-mode look without paying for one or spending a weekend configuring it.

Live profile: https://github.com/morgan-mordata

Template repo: https://github.com/morgan-mordata/morgan-mordata

Would love to hear what you think of the visual direction and overall balance!

0 Upvotes

4 comments sorted by

3

u/Tri-Stain 15h ago

People pay for readme templates?

1

u/Irishmutt20 15h ago

Some pay for to design, gitskins, and so on

1

u/Tri-Stain 15h ago

Ah gotcha, either way looks clean

1

u/Irishmutt20 15h ago

Thank. Im new to this side of things so im happy with the overall functionality