React

Use the Gradient Avatar React component to embed a gradient avatar in your React app.

import { Avatar } from '@gradient-avatar/react';

let App = () => {
  return (
    <Avatar id="user-id" size={100} />
  )
};

JavaScript

Use the Gradient Avatar DOM module to embed a gradient avatar on any website or webapp.

import avatar from '@gradient-avatar/dom';

let element = document.querySelector('.avatar')
element.appendChild(avatar('user-id'))

Node.js

Generate Gradient Avatars in the backend using the Gradient Avatar Node.js module.

import avatar from 'gradient-avatar';
import express from 'express';

let app = express();

app.get('/:id', (req, res) => {
  res.type('svg');
  res.send(avatar(req.params.id);
});