github/cards View source

A little more personality for your README

Your GitHub.
Your style.

Good work deserves a good introduction. Turn your GitHub activity into cards that feel like you.

  1. 01
    Pick your cardStats, a favorite repo, or your streak.
  2. 02
    Make it yoursA theme, a few tweaks, a live preview.
  3. 03
    Drop it in your READMECopy the URL or ready-to-paste HTML.

The card studio

Make something worth showing.

SVG · README-ready
Card type

01 The essentials

Public GitHub data. No sign-in or personal token needed.

02 Set the mood

03 Layout & details
Stats card options
Stats to display
04 Custom colors

Override any theme color. Leave a field empty to use its theme default. Hex values work with or without #.

Background gradients: 90,141321,302b63. For transparency, use 00000000.

05 Advanced options

SVG width changes the card itself. Embed width only changes its display size in your README.

Advanced stats options

Live preview

Your next README upgrade.Your card will appear here.

Preparing your card…

Ready when you are

One copy. All yours.

Open SVG ↗
Loading the builder…

Mobile-friendly by default. The HTML centers your card without a table, so it can scale to fit.