Beautiful Deterministic Avatars.

Generate unique, consistent avatar patterns from any seed. Production-ready for modern React applications.

$npm install workspace-avatars

Workspace

Avatars

Seed

Cell radius · 15

Container radius · 0

Style

Density · 56

Gap · 10

Padding · 0

Depth · 30

Border

Theme

Usage Example

import { WorkspaceAvatar } from "workspace-avatars";

const config = {
  style: "quilt",
  size: "3xl",
  cellRadius: 15,
  density: 56,
  gap: 10,
  padding: 0,
  depth: 30,
};

export function MyComponent() {
  return (
    <WorkspaceAvatar
      seed="workspace-avatars"
      config={config}
    />
  );
}