General
Avatar
Image avatars with initials fallback, sizes, status indicators, plus gradient, paint swirl, glass orb, identicon, faceted gem, mesh gradient, and topographic contour backgrounds.
Avatars
Image avatars with initials fallback, sizes, status indicators, plus gradient, paint swirl, glass orb, identicon, faceted gem, mesh gradient, and topographic contour backgrounds.
Sizes & status
Gradient
Linear gradients with up to three colours via the background prop.
Paint swirl
Marbled multi-colour patterns from PaintSwirlGenerator (2–8 colours), including tightly matched forest-lagoon, plum-ember, and blue-aqua palettes.
Glass orb
Seeded orb marbles with varied ribbon geometry, layered grain, and independently positioned multi-color lighting from GlassOrbGenerator. The green and orange multi-gradient examples set both lighting intensities to zero.
Identicon
Mirrored grid sigils from IdenticonGenerator (3–7 cells). The canvas is deliberately light for crisp contrast, so pair it with a dark character colour — or pass :text="false" to drop the characters and show the mark on its own. Use forIdentity() to seed from a username, email or UUID instead of an integer.
Without characters — :text="false" hides the initials and the fallback icon, keeping the name as an aria-label.
Faceted gem
Low-poly crown facets around a brighter central table from FacetedGemGenerator (5–14 facets). Each facet is shaded by how squarely it faces a seeded light direction — the hard-edged counterpart to the glass orb.
Mesh gradient
Overlapping radial colour pools blurred into a full-palette base ramp via MeshGradientGenerator. No displacement, so the colour stays smooth at every size. The softness argument (0–16) controls the blur and grain (0–1, int or float) adds a crisp film texture on top.
Grain ramp on one palette and seed — 0 skips the overlay entirely, 1 is the heaviest texture.
Topographic contours
Nested elevation bands traced by thin contour lines from TopographicGenerator (4–16 rings). Shared wobble harmonics keep consecutive contours in the same terrain, and the peak drifts off-centre like a real survey chart.