Boring avatars is a tiny JavaScript Solidjs library that generates custom, SVG-based avatars from any username and color palette.
npm install @totem.org/solid-boring-avatars
import Avatar from '@totem.org/solid-boring-avatars'
;<Avatar
size={40}
name="Maria Mitchell"
variant="marble"
colors={['#92A1C6', '#146A7C', '#F0AB3D', '#C271B4', '#C20D90']}
/>
Prop | Type |
---|---|
size | number or string, 40px (default) |
square | boolean: false (default) |
title | boolean: false (default) |
name | string |
variant | oneOf: marble (default), beam , pixel ,sunset , ring , bauhaus |
colors | array of colors |