# ethereum-blockies-base64

> A tiny library for generating base64 encoded PNG blocky identicons.

Latest version **1.0.2** (published 2018-07-06) · MIT license · 0 weekly downloads

## Install

```sh
npm install ethereum-blockies-base64
pnpm add ethereum-blockies-base64
yarn add ethereum-blockies-base64
bun add ethereum-blockies-base64
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2018-07-06 |
| First published | 2018-03-12 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 16.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 69 |
| Author | MyCrypto |
| Maintainers | mycrypto-admin |

## Links

- npm: https://www.npmjs.com/package/ethereum-blockies-base64
- Repository: https://github.com/MyCryptoHQ/ethereum-blockies-base64
- Homepage: https://github.com/MyCryptoHQ/ethereum-blockies-base64#readme
- Issues: https://github.com/MyCryptoHQ/ethereum-blockies-base64/issues
- npm.io page: https://npm.io/package/ethereum-blockies-base64

## Dependencies (1)

- [pnglib](https://npm.io/package/pnglib.md) 0.0.1

## Recent versions

- 1.0.2 (latest) — 2018-07-06
- 1.0.1 — 2018-03-17
- 1.0.0 — 2018-03-12

## README

# Ethereum Blockies Base64

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

![Sample of generated blockies](sample.png "Blockies")

[**See a live demo of it in action**](https://mycryptohq.github.io/ethereum-blockies-base64/)

## Install

```
# NPM
npm install --save ethereum-blockies-base64

# Yarn
yarn add ethereum-blockies-base64
```

## Use

### Vanilla JS

```javascript
import makeBlockie from 'ethereum-blockies-base64';

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

document.body.appendChild(img);
```

### React

```javascript
import React from 'react';
import makeBlockie from 'ethereum-blockies-base64';

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

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


License
-------

[MIT](https://opensource.org/licenses/MIT)

---
_Source: https://npm.io/package/ethereum-blockies-base64 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._