Deterministic geometric blobatars from any string. No dependencies, about 4.4 KB.
your configBlobatar.tsx
import { Blobatar } from "@blobatar/react";
import "blobatar/motion.css";
<Blobatar
name="alain00"
animate="hover"
/>Every prop is optional except the name. Drop animate and the blobatar renders as a single <img>.
Leave your blobatar
on the wall
Every blobatar here is somebody's name, and nobody chose their colour. Click an empty cell to leave yours.
Everyone gets a face
One prop per person, and the string does the rest. The same handle always produces the same blobatar, so whoever you learn in a thread is who you recognise in the sidebar.
~4.4 KB
gzipped, blob only