Profile card workshop

GitHub profile card generator

Design custom profile cards with live GitHub widgets. Add one word to a GitHub URL, open the canvas, then export a card for your README, portfolio, or socials.

Username or URL

URL trick

Insert card into any github.com URL — the path stays the same.

githubcard.com/torvaldsFor example, github.com/torvalds becomes githubcard.com/torvalds.

02Design surface

Turn activity into a profile story.

GitHubCard starts with public GitHub data and gives you a visual canvas for arranging the pieces that explain who you are.

Popular profile widgets

  • GitHub stats, followers, repositories, and stars
  • Contribution streaks and activity graph widgets
  • Top languages, language bars, and donut charts
  • Profile details, bio, location, and custom text
  • Top repositories and contribution heatmaps

Design surface

Canvas editor

Arrange profile widgets visually instead of stitching badges and URL parameters together by hand.

Data widgets

20+ profile signals

Bring stats, streaks, languages, repositories, activity, and custom text into one designed card.

Exports

SVG and PNG

Use crisp SVGs in READMEs, or export fixed PNGs for portfolios, resumes, and social previews.

03Export and embed

Ship a card your README can actually use.

Use live SVG for GitHub READMEs or fixed PNG when a platform needs a stable image asset.

SVG for GitHub READMEs

SVG keeps the card crisp on retina screens and works well in Markdown, documentation, and portfolio pages.

![GitHub profile card](https://githubcard.com/yourname.svg)

PNG for social previews

Export PNG when you need a fixed image for blog covers, launch posts, resumes, or platforms where SVG previews are unreliable.

04Guides

Pick the profile story before the widgets.

Use these guides when you want sharper README positioning or a direct comparison with stats badge tools.

Shape the profile story first

Decide what your README should communicate before you tune widgets, stats, and export format in the designer.

Read profile README ideas
05How it works

From GitHub URL to card in three steps.

Step 01

Add card to the URL

Start with a GitHub profile URL, add card after github, or type the username directly.

Step 02

Shape the profile story

Choose the widgets that explain who you are: activity, languages, repositories, and custom notes.

Step 03

Export for the README

Publish or download a card that fits a profile README, personal website, portfolio, or launch post.

06Questions

Profile card questions answered

What can I put on a GitHub profile card?

You can add GitHub stats, contribution streaks, top languages, profile details, top repositories, activity graphs, custom text, and other visual widgets.

Can I embed the profile card in my GitHub README?

Yes. Export or publish your design, then use the SVG link as a Markdown image in your profile README, project README, portfolio, or blog.

Does the card update automatically?

Default card URLs use live GitHub data with caching for performance. Published snapshot links are stable for embeds when you want predictable rendering.

Do I need to sign in to create a card?

You can preview default cards without signing in. GitHub sign-in is required when you want to save, publish, update, or manage custom designs.

Ready when you are

Design the profile card. The README follows.

Enter your GitHub username or paste a profile URL, then open the canvas with live data already in place.

Start designing your profile card