DEV Community

Cover image for I Redesigned My GitHub Profile Generator After Getting Top 5 on Product Hunt
Sushil
Sushil

Posted on

I Redesigned My GitHub Profile Generator After Getting Top 5 on Product Hunt

A while back, I launched my GitHub Profile Generator on Product Hunt, a niche tool that helps developers build beautiful GitHub profiles effortlessly. To my surprise and gratitude, it got selected as one of the Top 5 Products of the Day! 🙌

That recognition made me realize it was time to give the project the polish it deserved.

So, I went back to the drawing board to redesign the entire website, making it look more modern, professional, and user-friendly.

The response from the developer community was also overwhelming! The project has received:

⭐ 201 GitHub stars and counting!

It’s amazing to see how many devs found it useful, fun, and easy to use. This kind of support motivates me to keep improving and building.

The Old Design (basic design with only light mode)

This was the original version. Clean and minimal, but with a lot of room for improvement:

Image description

  • No dark mode support
  • Flat UI with limited visual hierarchy
  • No animations or transitions
  • Limited customization flow
  • Basic component layout that didn’t feel premium

While it worked fine, it didn’t reflect the quality or care I wanted to show, especially after launching it to a wider audience.

The New Design – Clean, Modern & Themed

To elevate the tool's overall feel, I redesigned the entire UI and added support for both Dark and Light Modes.

  • Dark Mode + Light Mode Toggle – Choose your vibe!
  • Card-based layout for better organization and readability
  • Powered by Zustand for smooth and minimal state handling
  • Framer Motion for subtle, polished animations
  • UI rebuilt using Shadcn UI and Tailwind CSS
  • Optimized UX with clearer flow and quick interactions
  • Inspired by amazing open-source work from @anuraghazra and @DenverCoder1

This new design brings a much more professional, clean, and developer-centric experience, exactly what this tool needed after reaching a wider audience.

After hitting Top 5 on Product Hunt, I realized more developers were discovering and using this project. I didn’t want them to feel like they were using just another side project—I wanted it to feel like a tool built with care, purpose, and attention to detail.

That meant better design, better UX, and a more polished presentation.

Shipping this redesign felt just as exciting as launching the tool itself. Seeing the community’s love on Product Hunt was motivating, and I hope this fresh version makes the GitHub Profile Generator even more enjoyable to use.

👉 Check it out here and let me know what you think!

Thanks for all the support 💜

Top comments (1)

Collapse
 
xaviermac profile image
Xavier Mac

Congrats on the update! While the redesign definitely looks slicker, I wonder if the focus on visuals might have made things a bit heavier for users who just want a quick, minimal tool. Sometimes all the extra polish and animations can slow things down or distract from the core purpose. Still, great work on iterating and listening to feedback!