Created: 2008-04-26 04:22
Updated: 2018-02-20 05:51
License: mit


Github Badges

Want to show off your projects on github to world? Then a sexy badge on your blog would be awesome.

Its still under development, but here is a screenshot of the unit tests + the sample badge below.

github badge: new look-n-feel

Live Demo

See the project website:


It is expected that to use the widget, you will copy + paste + modify the following snippet into your blog sidebar.

<div id="github-badge"></div>
<script type="text/javascript" charset="utf-8">
  GITHUB_USERNAME = "drnic";
  GITHUB_HEAD = "div"; // e.g. change to "h2" for wordpress sidebars
  GITHUB_THEME = "white"; // try 'black'
  GITHUB_TITLE = "My projects"
  GITHUB_SHOW_ALL = "Show all"
<script src="" type="text/javascript"></script>

Black background? If your site has a black background the badge will automatically attempt to use the black_badge.css theme. If it doesn't trigger for your site add the GITHUB_THEME='black' code to the configuration above.



Dr Nic Williams,

Cookies help us deliver our services. By using our services, you agree to our use of cookies Learn more