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. |
Motion
// idle breathing + bob + blink, off by default
<Pridatar name={user.email} motion="idle" size={64} />
<Pridatar name={user.email} motion="bouncy" size={64} />
// same option on the string renderer
pridatar(user.email, { motion: "idle" });The keyframes ship inside the SVG, so a copied or downloaded SVG animates on its own. Everything is wrapped in a reduced-motion query, so anyone who asked for less motion gets the still figure.
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.