Playground

Try out all avatar styles with the interactive playground below.

Avatar Styles Preview

Enter a seed value to see how each style generates unique avatars

Seed: Size: 64px

Initials

@avatar-generator/style-initials

Identicon

@avatar-generator/style-geometric

Pixel Faces

@avatar-generator/style-pixels

Rings

@avatar-generator/style-rings

Faces

@avatar-generator/style-faces

Illustrated

@avatar-generator/style-illustrated

Square shape Transparent background

Run Locally

You can also run the playground locally with the full package:

1. Clone the project

   git clone https://github.com/hugoogb/avatar-generator.git

2. Install dependencies

   cd avatar-generator && pnpm install

3. Run the playground

   core

   pnpm playground:core

   react

   pnpm playground:react

4. Open your browser to the URL shown in the terminal

Available Styles

Style	Package	Description
Initials	@avatar-generator/style-initials	Letter initials on colored backgrounds
Identicon	@avatar-generator/style-geometric	GitHub-style symmetrical 5x5 grid patterns
Pixel Faces	@avatar-generator/style-pixels	8-bit retro faces with eyes, mouth, and hair
Rings	@avatar-generator/style-rings	Concentric rings with segmented/dashed variants
Faces	@avatar-generator/style-faces	Minimal flat geometric faces
Illustrated	@avatar-generator/style-illustrated	Detailed cartoon faces with accessories
Anime	@avatar-generator/style-anime	Anime/manga-inspired faces with expressive eyes

Each style produces unique, deterministic avatars based on the seed you provide.