Skip to content

A tiny library for generating gradient identicons as base64 encoded PNGs.

Notifications You must be signed in to change notification settings

afa7789/ethereum-gradient-base64

 
 

Repository files navigation

Ethereum Gradient Base64

A tiny library for generating gradient identicons as base64 encoded SVGs.

Sample of generated gradients

See a live demo of it in action

Install

# NPM
npm install --save ethereum-gradient-base64

# Yarn
yarn add ethereum-gradient-base64

Use

Vanilla JS

import {makeGradient} from 'ethereum-gradient-base64';
// you can use makeGradientStatic for a gradient that does not move. Is not animated.

const img = new Image() ;
img.src = makeGradient('0x7cB57B5A97eAbe94205C07890BE4c1aD31E486A8');

document.body.appendChild(img);

React

import React from 'react';
import {makeGradient} from 'ethereum-gradient-base64';
// you can use makeGradientStatic for a gradient that does not move. Is not animated.

class Gradient extends React.Component {
  render() {
    return <img src={makeGradient(this.props.address)}/>
  }
}

Note: In a real setting, we recommend saving to state and re-making the gradient on prop change for better re-render performance.

License

MIT

About

A tiny library for generating gradient identicons as base64 encoded PNGs.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 91.2%
  • HTML 8.8%