Skip to content

React Component for Generating Identicons with Profile Images

License

Notifications You must be signed in to change notification settings

austintgriffith/react-blockies-image

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Blockies Image

An Extension of React-Blockies: https://github.com/AugurProject/react-blockies

Which is a simple port of https://github.com/alexvandesande/blockies

Purpose

Works just like react-blockies, but allows for optional parameters to include an image that will have an identicon border for identity verification.

This is useful for projects like https://github.com/gitcoinco/ethavatar where you want to replace your "identicon" with an image, but you want some procedurally generated data to verify identity.

Example:

Works just like normal react-blockies:

import Blockies from 'react-blockies-image';

<Blockies
  seed={"austingriffith.eth"}
  scale={10}
/>

Example 1

But you can give it a size, border, and image too:

import Blockies from 'react-blockies-image';

<Blockies
  seed={"austingriffith.eth"}
  size={200}
  border={10}
  image={"/austin.jpg"}
/>

Example 2

About

React Component for Generating Identicons with Profile Images

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published