react-gradient-avatar

🌈 react-gradient-avatar is a React component that generates beautiful avatars.

Table of Contents

• Installation
• Examples
• Demo

Installation

To install, you can use npm:

1$ npm i react-gradient-avatar
2$ yarn add react-gradient-avatar

Examples

Here is a simple example of react-gradient-avatar:

1import React from "react";
2import ReactDOM from "react-dom";
3import GradientAvatar from "react-gradient-avatar";
4
5const App = () => {
6  // ...
7
8  return (
9    <div>
10      <GradientAvatar
11        size="large"
12        name="Brandon Sueur"
13        gradient={{
14          from: "#FDC830",
15          to: "#F37335",
16        }}
17      />
18    </div>
19  );
20}
21
22ReactDOM.render(<App/>, appElement);

You can find the example in the examples directory, which you can run in a local development server using npm start or yarn start.

Demo

There is a demo hosted on my personal website.