Skip to content

Installation

Install @blobz/react with your preferred package manager.

Requirements

React 19 or newer
A bundler that supports ESM package exports

npm i @blobz/react

Basic setup

Generated and semantic custom avatars need no global stylesheet:

import { Avatar } from "@blobz/react";
import { CustomAvatar } from "@blobz/react/custom";

Both components are usable from React Server Components because they render without hooks or browser-only APIs.

Tree-shakable entry points

Import from the documented subpath instead of a package-wide barrel.

// Generated avatar only
import { Avatar } from "@blobz/react";

// Semantic custom avatar only
import { CustomAvatar } from "@blobz/react/custom";

React package

Deterministic generated avatars and complete custom faces for React 19.

Avatar

Render a deterministic avatar from a name, email, number, or other stable seed.

Theme

On this page

Requirements Basic setup Tree-shakable entry points