Hashvatar

Generate unique, deterministic avatars from any string - wallet address, username, or anything else. Zero dependencies, gradient & dither modes, works with React and vanilla JS.

Preview
color 1
#00acff
oklch(0.658 0.346 221.3)
color 2
#004462
oklch(0.349 0.110 221.3)
color 3
#00477e
oklch(0.350 0.188 221.3)
color 4
#001d50
oklch(0.213 0.174 221.3)
Export
Samples
Installation
npm install hashvatar
Usage
import { Hashvatar } from 'hashvatar/react';

<Hashvatar hash="medhy.eth" size={64} />

Options reference

hash
string, required. Any string: address, username…
size
64. Canvas px (square).
mode
'gradient' | 'dither', default gradient.
animated
boolean, default false.
tones
string[]. Hex, oklch, or CSS names.
dotScale
number, dither only, default 4.