Docs / Developers

README card

One SVG that renders your profile card in a GitHub README or anywhere else images go.

Embedding it

Drop this into any GitHub README, or anywhere else that takes an image, and it renders your card:

[![xyst.wtf](https://xyst.wtf/u/yourname.svg)](https://xyst.wtf/yourname)

The address is the card. There is nothing to generate, nothing to re-upload, and no dashboard step: edit your page and the card follows within the hour.

Cardxyst.wtf/u/yourname.svg

Share imagexyst.wtf/og/yourname.png

The PNG is the picture that appears when your link is pasted into a chat. Use the SVG anywhere you control the markup: it is sharp at any size.

What it draws

Your avatar, your name, your bio, the badges you show and the platforms you link, drawn in your own colours.

Followsyour palette, your badges, your links

Viewsonly when your page shows them

Restyling your page restyles the card. Hiding a badge hides it here too, the same way it does in the JSON.

One file, nothing fetched

One self-contained file: no scripts, no tracking, nothing fetched from anywhere else. Every glyph is drawn into the file and your avatar is embedded in it, so the card renders through GitHub's image proxy without asking anyone's browser to talk to us. It is a picture, and it behaves like one.

Because the renderer picks its own font rather than ours, long text is clipped rather than allowed to overflow. A short bio reads better on the card than a paragraph.