Bratathaaglo
Protomirabilis
A shy, feathered ember nibbler from a crystal desert.
Type a username → get a unique alien.
Identical input always produces the identical avatar. Use it for forums, profiles, comment threads - anywhere users need a default avatar.
Distinct users, distinct creatures.
A mocked Reddit-style thread. Every avatar below is generated locally by the JS engine from the username string - no uploads, no Gravatar, no network calls.
I keep telling people this is the best community on the internet. Threads like this are why.
Wait until you find out about the wiki. Half my saved bookmarks are just stuff from here.
Counterpoint: every time I post a question someone replies "search before posting".
They're not wrong though. There's a great FAQ pinned to the sidebar.
New here. Hi.
Welcome! Pro tip: keep a notes file, you'll want to refer back to a lot of the threads.
I love that every user has their own little alien. Makes scanning a long thread so much easier.
It's funny, after a week you start recognising regulars purely by their creature.
I show up just to see what my avatar mood is today. (Obviously it's the same every time.)
Same. I changed my username once and immediately regretted losing my little three-eyed friend.
Out of curiosity: anyone know the algorithm that picks the colours? They always look harmonious.
Locking this in a few hours, getting derailed. Great discussion all.
Three ways to use it.
Drop the URL into an <img> tag, import the function, or sprinkle a data attribute. Choose whichever fits your stack.
No JavaScript required. Works in HTML, RSS feeds, emails - anywhere an image renders. Returned SVG is cached forever (immutable).
<img src="https://alienshaped.com/avatar/.svg"
alt=""
width="64" height="64">
Render locally - instant, no network calls. Perfect for SPAs that want to draw dozens of avatars in a list.
import { createAlienAvatar } from '@alienshaped/engine';
const svg = createAlienAvatar('');
element.innerHTML = svg;
Add a tiny script to your page; every [data-alien-avatar] element is replaced with an avatar.
<script src="https://alienshaped.com/hydrate.js" defer></script>
<span data-alien-avatar=""></span>
Two ways to bring aliens to Reddit.
Reddit hosts avatars on its own CDN, so external image URLs won't work as your profile picture directly. Pick the route that fits.
Use it as your own Reddit avatar
Download a square PNG of your alien and upload it in Reddit → Settings → Profile → Avatar.
Filled background. Square. Reddit-ready.
For:
- Download the PNG above (512 is plenty).
- On reddit.com, open the user menu → Edit Profile.
- Click the avatar circle and upload the file.
Replace everyone's avatar locally
Install a userscript and every Reddit avatar - yours, mine, the mods, that one stranger - becomes a unique alien, deterministic per username.
- Install Tampermonkey (Chrome/Safari/Edge) or Violentmonkey (Firefox).
- Click "Install userscript" above - the extension catches the file.
- Open a Reddit thread. Refresh once. Aliens everywhere.