Skip to content

Latest commit

 

History

History
36 lines (23 loc) · 1.08 KB

README.md

File metadata and controls

36 lines (23 loc) · 1.08 KB

@metamask/jazzicon

⭐️ View demo

Say goodbye to boring, blocky identicons that look like they came out of the '70s and replace them with jazzy, colorful collages that more likely came out of the '80s!

Installation

npm install @metamask/jazzicon

Usage

This library exports a single function which:

  • takes two numbers, the diameter of the icon in pixels and a seed for randomly generating patterns
  • gives you back a DOM element representing the icon to use as you wish

For example:

const jazzicon = require('@metamask/jazzicon');

// Generate 60 icons
for (let i = 0; i < 60; i++) {
  // Use 100px as the diameter for each icon and a random number for the seed
  const icon = jazzicon(100, Math.round(Math.random() * 10000000));
  // Add the new icon to the page
  document.body.appendChild(icon);
}

Generating the demo

You can generate and run the demo locally by running npm run build-demo, then opening demo-build/index.html in your browser.