Seeded Avatar
A customizable avatar component that generates consistent avatars based on a seed value, with built-in dark mode support. Originally from avvvatars.com.
Message Thread
Hey team, how's the project coming along?
Making good progress! Will update soon.
Team Members
Alex Martinez
Product Designer
Jessica Chen
Frontend Developer
All Variants & Sizes
Character Variant
Marble Variant
Shape Variant
User Variant
Installation
npx shadcn@latest add "https://ui.paukraft.com/r/seeded-avatar"
Custom Props
seed
The seed value used to generate the avatar.
Type: stringRequired: Yes
variant
The variant of the avatar (shape, character, marble or user).
Type: stringRequired: NoDefault: shape
size
The size of the avatar. (sm, default or lg)
Type: stringRequired: NoDefault: default
displayValue
Override the value displayed in the character variant. (still only the first two characters are shown, does not affect the seed)
Type: stringRequired: No