DEV Community

Cover image for ๐Ÿ‘พ Gitgenix - Draw Your GitHub Contribution Art Like a Pro!
Sujal Patel
Sujal Patel

Posted on

๐Ÿ‘พ Gitgenix - Draw Your GitHub Contribution Art Like a Pro!

Hey developers! I'm super excited to share Gitgenix, a side-project turned dev-art tool where you draw, and GitHub displays.

๐Ÿ’ก What is Gitgenix?
A smart GitHub contribution graph generator that lets you:

  • ๐Ÿ–Œ๏ธ Draw your own pattern on a canvas
  • ๐Ÿ“… Generate .sh scripts to reflect that pattern on your contribution calendar
  • ๐Ÿ”„ Support multiple years of contributions (hello, legacy artists!)
  • ๐Ÿ’พ Save & load designs as JSON patterns
  • ๐Ÿ”— Share your creations via unique links
  • โ˜๏ธ Store everything online with Firebase
  • ๐ŸŽจ And all of it wrapped in a beautiful UI/UX thatโ€™s smooth, modern, and fun

๐Ÿ› ๏ธ Built With:

  • Next.js (App Router)
  • Firebase for real-time storage
  • TailwindCSS + Framer Motion for pixel-perfect UX
  • A mix of custom hooks and smart time logic

๐ŸŽฏ Why I Built It?
Because... โžก๏ธ I wanted to turn GitHub graphs into art โžก๏ธ I love seeing utility + creativity combine โžก๏ธ And letโ€™s be honest: writing your name or drawing a smiley face in contributions? Peak dev flex.

Links: Project Link | Github Repository

Try it out. Make something wild. Maybe a cat? Your initials? A timeline of heartbreaks? (I donโ€™t judge.)

๐Ÿš€ Open to feedback, collaborations, or just a friendly โ€œthis is coolโ€!

Top comments (0)