d discord-github-preview

A profile
in your profile.

Render your live Discord status as an SVG and drop it into your GitHub README. Always online, even when you're touching grass.

Image Image Image
What you get

Everything Discord shows your friends, anywhere you want.

Live presence

Online, idle, do not disturb, offline. Refreshes every time the image loads.

Activity & Spotify

Anything that works with Rich Presence. Share your games, music, or coding for all to see.

Themes

Dark, light, Nitro, Mocha, Dracula, Nord, Tokyo Night, GitHub, or custom.

About Me + decoration

An optional bio, your animated avatar ring, and your full banner.

Get yours

Card Builder

Who are you?

The bot needs to see you first! Join the server.

Discord username

What to show

Pronouns
Theme

Width 512px

Live preview

Markdown URL for the standard layout
— select a user to see the markdown —
Drop it in

Add it to your GitHub profile

GitHub turns a repo named after yourself into your profile README (the page everyone sees at github.com/<you>).
Enter your GitHub username and we'll hand you the right links.

GitHub username
1

Set up your profile repo

Create a new public repo with the same name as your username. If you already have one, skip to step 2.

Create repo → I already have one
2

Create your Discord card

Use the editor above to set your user ID and customize your card.

3

Add it to your README.md

Open the README editor and paste this Markdown (from the standard layout above):

— look up your Discord username above to generate the snippet —
Open README editor →
4

See it live

Commit the change. Your Discord status will show up on your profile every time it loads.

View my profile →