MakerBadge

An open-source badge to put your mark on every project.

1. Get your badge:

<!-- Insert makerbadge.js (download or use ☁️cloud version) -->

<script src="//makerbadge.s3.amazonaws.com/makerbadge.js">
</script>

<!-- Initialise MakerBadge with options -->

<script>
  MakerBadge.init({id: 'USERIDHERE'}); // Product Hunt ID
</script>

Your Product Hunt ID can be foud on your PH profile page (e.g. #309280).

Download MakerBadge.js

2. Customise your badge (Beta):

Choose from 3 themes, and customise layout:

    <script>
       MakerBadge.init({
        id: 'USERIDHERE', // Product Hunt ID
        theme: 3, // 3 Themes: 1, 2 or 3
        name: 'CUSTOMNAME', // Use any name you want
        twitter: '@yourusername' // Link to twitter
        position: 'left', // left or right
        customHTML: '<div>' //custom embeds e.g. buy me a coffee
      });
    </script>

NEWS

Sept 30 2018

We launched MakerBadge September 30th 2018 on Product Hunt, it received over 300 upvotes and earned #2 Product of the Day! We have lots of ideas to push MakerBadge further and are excited for the future!

Contribute

Proudly an open source project

Feel free to contribute here