MIT fork of blobatar · 15 flags
Every name gets a flag,
and keeps it.
Pridatar turns any string — a handle, an email, a repo — into a striped pride blobatar. Same string, same avatar, every render. No accounts, no uploads, no network: a few hundred bytes of SVG generated in the browser.
ada@example.com
A crowd, no two alike
Forty ordinary handles. The flag, the silhouette and the face all come out of the name — nothing here was picked by hand.
Playground
Pin a flag or let the seed choose one, move the stripes onto the body, then take the SVG or a 512px PNG with you.
Flag
Silhouette
Stripes
Backdrop
Demisexual · round · deterministic from ada@example.com
import { Pridatar } from "@/components/pridatar/Pridatar";
<Pridatar
name={"ada@example.com"}
flag="auto"
stripes="background"
shape="auto"
background={"squircle"}
size={160}
/>Docs
One function, one component, fifteen flags.
Where it lives
# this fork lives in the repo, not on npm (yet)
src/lib/pridatar/ # generator
src/components/pridatar/Pridatar.tsxAnywhere
import { pridatar, pridatarDataUri } from "@/lib/pridatar";
const svg = pridatar(user.email, { size: 48 });
const src = pridatarDataUri(user.email, { flag: "trans" });React
import { Pridatar } from "@/components/pridatar/Pridatar";
<Pridatar name={user.email} size={48} />
<Pridatar name={user.email} flag="nonbinary" stripes="both" size={48} />Flags
| Preview | flag | Stripes | Origin |
|---|---|---|---|
| "rainbow" | The six-stripe flag, Gilbert Baker's 1978 design as simplified in 1979. | ||
| "progress" | Daniel Quasar, 2018 — the chevron colors folded back into stripes. | ||
| "trans" | Monica Helms, 1999. | ||
| "bisexual" | Michael Page, 1998. | ||
| "pansexual" | First circulated online in 2010. | ||
| "nonbinary" | Kye Rowan, 2014. | ||
| "lesbian" | The five/seven-stripe orange-pink flag, 2018. | ||
| "asexual" | AVEN community vote, 2010. | ||
| "genderqueer" | Marilyn Roxie, 2011. | ||
| "genderfluid" | JJ Poole, 2012. | ||
| "agender" | Salem X, 2014. | ||
| "aromantic" | Current five-stripe revision, 2014. | ||
| "intersex" | Morgan Carpenter, 2013 — purple ring on yellow, read here as stripes. | ||
| "demisexual" | Derived from the asexual palette. | ||
| "polysexual" | Tumblr community design, 2012. |
License and attribution
Pridatar is a fork of Alain00/blobatar (MIT, Copyright © 2026 Alain). The seed hashing, silhouette vocabulary, layout and OKLCh color math are upstream and unmodified; the pride palettes and the striping renderer are this fork's. Upstream license text ships at src/lib/pridatar/vendor/LICENSE, with the full change list in src/lib/pridatar/NOTICE.md.