React-Avatars

React-Avatars makes it possible to generate endless different avatars.

Installation

The best way to consume React-Avatars is via the npm package which you can install with npm.

npm i react-avatars

Importing Components

import { Initials } from 'react-avatars'

Examples

Basic Avatar

<Initials name="React Avatars" />

All Avatars

If you don't want a new avatar each time your application renders, you can provide a seed which generates an avatar based on your seed.

<Initials name="React Avatars" color="white" font="Arial" size="50" bg="#FF6347" />
<Pixelcon color="#FF6347" size="50" />
<Jdenticon seed="your_seed" size="50" bg="#FF6347" />

Styles

We are constantly working on adding more styles!

• Initials
• Pixelcon
• Jdenticon by dmester

License

MIT