DEV Community

Cover image for Metrics v3.0, the ultimate tool to pimp your GitHub profile!
lowlighter πŸ¦‘
lowlighter πŸ¦‘

Posted on

Metrics v3.0, the ultimate tool to pimp your GitHub profile!

Metrics is an extensive SVG images generator plugged with various APIs (GitHub, Twitter, Spotify, ...) to embed awesome informations about your daily coding routine on your profile!

It's highly configurable with multiple templates and plugins, and for optimal pragmatism, it uses transparency with a color font which works on both light/dark modes, so you'll never offend the eyes of your visitors anymore!
Alt Text

🧩 Build your dream profile now!

Metrics works with a plugin system to make it highly customizable.

Want to refresh a bit your profile and flex a bit about your 2-days commit streak? Well, why not add an i s o m e t r i c calendar to it?
Alt Text

With metrics you can display a lot useless facts about you. You'll be able to know how many datacenters you're filling up with the /node_modules you inadvertently pushed because you forgot to .gitignore it, your favorite license (very interesting right?) or even the number of lines of code you've published on GitHib. Of course, there are also more "traditional" stats available in other sections, indicating your internet clout 😎
Alt Text

You can also display your war medals for each framework you've starred in GitHub topics:
Alt Text

And show that you're a true polyglot who knows how to say "hello world" in many languages:
Alt Text

Then you can use smooth charts to show everyone that you've got an incredibly unhealthy sleep cycle with all your stacked commits at 2 a.m.:
Alt Text

Web devs can prove that they're building optimized websites, despite including more JavaScript libs than the number of observable atoms in the universe:
Alt Text

And you can show that you're a true scrum expert by adding your projects progress, even if you never finish them anyway because you get bored of them way before:
Alt Text

And if you're a twitter addict, you can display your latest tweets:
Alt Text

Finally, you can show the world that you have awesome music tastes:
Alt Text

And last but not least, some of what has been presented here can also be used for repositories! A nice addition for your readmes!
Alt Text

If you're some who is spreading love everywhere by supporting passionate developers by starring their projects, you can display it πŸ’•!
Alt Text

A little bonus for all dev.to writers here, they can also display their recent posts with this!
Alt Text

There's a few more features available, so be sure to check it out!

GitHub logo lowlighter / metrics

πŸ“Š An infographics generator with 30+ plugins and 300+ options to display stats about your GitHub account and render them as SVG, Markdown, PDF or JSON!

Thanks again for reading until the end!

PS: New ideas and contributions are welcome!

Top comments (7)

Collapse
 
foresthoffman profile image
Forest Hoffman

"... including more JavaScript libs than the number of observable atoms in the universe."

This part got me. I had a good chuckle out loud! XD

This project looks really cool. You've obviously put a lot of work into it!

Collapse
 
terkwood profile image
Felix Terkhorn

Fun! πŸŽ‰

Collapse
 
lowlighter profile image
lowlighter πŸ¦‘

Thanks!

Collapse
 
conw_y profile image
Jonathan

Awesome!

Collapse
 
firzatullahd profile image
Firzatullah Dwiko Ramadhan

very interesting

Collapse
 
lowlighter profile image
lowlighter πŸ¦‘

Thanks!

Collapse
 
anthonygushu profile image
Anthony Gushu

This is a fantastic breakdown and I'm def gonna check this stuff out. Already have a bit of custom flair on my GH but this is a whole new level