Badges you forge yourself.

Ten styles, live data, themes, sparklines and animation, rendered by this app and ready to paste into any README.

Open the editorBrowse catalogue

Ten styles

  • flatplusflatplus style sample
  • gradientgradient style sample
  • outlineoutline style sample
  • pillpill style sample
  • glossyglossy style sample
  • neonneon style sample
  • retroretro style sample
  • minimalminimal style sample
  • ribbonribbon style sample
  • terminalterminal style sample

Beyond static text

  • Inline sparklinesInline sparklines
  • Pulse animationPulse animation
  • Shimmer animationShimmer animation
  • Stacked valuesStacked values
  • Live GitHub dataLive GitHub data
  • Live npm dataLive npm data

Self-hosted renderer

Every badge is generated by this app as plain SVG. No third-party badge service.

Live sources

GitHub, npm, any public JSON file, or your own numbers, cached on the server.

Light, dark, auto

Badges follow the reader's colour scheme, and animations respect reduced motion.

Share by URL

Every editor state lives in the page URL. Boards save sets of badges locally.