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

Tags: github, showdev, javascript, webdev
Published: 2021-01-04 17:24:35

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](https://dev-to-uploads.s3.amazonaws.com/i/ww4l2mz5jttwewxq4oyc.png)

### 🧩 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](https://dev-to-uploads.s3.amazonaws.com/i/3x104chlsm3u0cuwpn60.png)

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](https://dev-to-uploads.s3.amazonaws.com/i/qt67y13uutk8nub3v4io.png)

You can also display your war medals for each framework you've starred in [GitHub topics](https://github.com/topics/):
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/7eaekl4xrakvj48ggol8.png)

And show that you're a true polyglot who knows how to say `"hello world"` in many languages:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/vblov8q7o7xehrl27f9u.png)

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](https://dev-to-uploads.s3.amazonaws.com/i/3qis4ae3i3xp68i9aej1.png)

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](https://dev-to-uploads.s3.amazonaws.com/i/fipbllgi98om1yax190f.png)

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](https://dev-to-uploads.s3.amazonaws.com/i/l25kkq005dhbjnnk7vpa.png)

And if you're a twitter addict, you can display your latest tweets:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/9u54hmrqp13jixd12zni.png)

Finally, you can show the world that you have awesome music tastes:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/319faqx1szl92sf59j60.png)

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](https://dev-to-uploads.s3.amazonaws.com/i/nlfh0ge91b4vtz8dnm0n.png)

If you're some who is spreading love everywhere by supporting passionate developers by starring their projects, you can display it 💕!
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/o1tbnzfsbgzqkztpon4j.png)

A little bonus for all **dev.to** writers here, they can also display their recent posts with this!
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/kmsoo42gaygcndnxihb7.png)

There's a few more features available, so be sure to check it out!
{% github lowlighter/metrics no-readme %} 

Thanks again for reading until the end!

*PS: New ideas and contributions are welcome!*