Avvvatars is a lightweight and customizable React component that provides a beautifully crafted unique avatar placeholder for your next react project.
Features:
- 40 Colors – Colors are so on point that most of the projects can use it without changing it
- 60 Shapes – Beautifully crafted shapes that are unique to your user with color combination
- Text or Shapes – Use letters (eg. JD for John Doe) or unique shapes
- Unique to user – Generated avatars are unique to the string that you provide
- Lightweight – less than 20kb compressed + gzipped
- Customizable – use shadows, change size, provide alternative text to display
How to use it:
1. Import and register the component.
# Yarn $ yarn add avvvatars-react # NPM $ npm i avvvatars-react
2. Add the component to the app.
export default function MyAvatar() {
return (
<Avvvatars value="[email protected]" />
)
}
3. Available component props.
displayValue?: string value: string size?: number shadow?: boolean style?: Style // toggle border border?: boolean borderSize?: number borderColor?: string radius?: number
Preview:
Download Details:
Author: nusu
Live Demo: View The Demo
Download Link: Download The Source Code
Official Website: https://github.com/nusu/avvvatars
License: MIT
