UI · Application UI
Gradient avatar
Radial-gradient avatar disc derived deterministically from a seed.
@byronwade/foundation@byronwade/utils@byronwade/identity
Feature showcase
Installation
Features
6 examples
Default, Seeds, Sizes, Grouped Stack, List Rows, With Name Badge.
API
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| seed | string | - | Any string; same seed → same gradient. |
| size | "sm" | "md" | "lg" | "xl" | "md" | Disc size. |
Dependencies
| Package | Kind | Description |
|---|---|---|
| @byronwade/foundation | registry | Installed through the byronwade/ui registry. |
| @byronwade/utils | registry | Installed through the byronwade/ui registry. |
| @byronwade/identity | registry | Installed through the byronwade/ui registry. |
Source and related
| File | Path |
|---|---|
| Component | registry/ui/gradient-avatar.tsx |
| Default example | content/examples/gradient-avatar/default.tsx |
| Seeds example | content/examples/gradient-avatar/seeds.tsx |
| Sizes example | content/examples/gradient-avatar/sizes.tsx |
| Grouped Stack example | content/examples/gradient-avatar/grouped-stack.tsx |
| List Rows example | content/examples/gradient-avatar/list-rows.tsx |
| With Name Badge example | content/examples/gradient-avatar/with-name-badge.tsx |