blobatar

Deterministic geometric blobatars from any string. No dependencies, about 3.7 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>.

Tune every trait in the editor

Millions
of options

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.

~3.7 KB
gzipped, blob only
0
dependencies
6
silhouettes
4.5:1
contrast, every hue