Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

blo

Package Overview
Dependencies
Maintainers
1
Versions
14
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

blo - npm Package Compare versions

Comparing version 0.3.0 to 0.4.0

2

package.json
{
"name": "blo",
"version": "0.3.0",
"version": "0.4.0",
"license": "MIT",

@@ -5,0 +5,0 @@ "author": "Pierre Bertet <hi@bpier.re>",

<div align="center">
<h1>blo</h1>
<img width="860" alt="blo" src="https://github.com/bpierre/blo/assets/36158/d447bf14-76dc-493c-abea-275703a98945">
<br><strong>blo</strong> is a small and fast library to generate Ethereum identicons.
</div>
<div align="center">
<strong>blo</strong> is a small and fast library to generate Ethereum identicons.
</div>
## Features
- 📦 **Small**: **0.92 KB** gzipped.
- 🚀 **Fast**: [4.7x faster](#library-comparison) than the second fastest solution.
- 🐥 **Small**: **[0.67 KB](https://bundlejs.com/?bundle&q=blo)** gzipped.
- ☄️ **Fast**: **[4.7x faster](#library-comparison)** than the next fastest solution.
- 🔍 **Optimized**: Leverages SVG to generate compact and sharp images at any size.

@@ -21,11 +18,11 @@ - 💆 **Simple**: Focuses on Ethereum identicons only, allowing for a simpler API.

| Library | <nobr>Renders/sec [1]</nobr> | <nobr>Bundle Size</nobr> | Typed | <nobr>Environment [2]</nobr> | Rendering |
| ------------------------------------- | ---------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ---------------------------------------------- | ----------: |
| <b>blo</b> | <nobr><b>7,862</b></nobr> | [![](https://img.shields.io/badge/0.92kB-409000)]() | ![](https://img.shields.io/badge/yes-409000) | ![](https://img.shields.io/badge/all-409000) | SVG |
| <nobr>ethereum-blockies-base64</nobr> | 948 | [![](https://img.shields.io/badge/2.75kB-be6200)](https://bundlejs.com/?bundle&q=ethereum-blockies-base64%401.0.2&treeshake=[*]) | ![](https://img.shields.io/badge/no-be6200) | ![](https://img.shields.io/badge/all-409000) | PNG |
| <nobr>@download/blockies</nobr> | 361 | [![](https://img.shields.io/badge/0.67kB-409000)](https://bundlejs.com/?bundle&q=%40download%2Fblockies) | ![](https://img.shields.io/badge/no-be6200) | ![](https://img.shields.io/badge/dom-be6200) | Canvas |
| <nobr>blockies-react-svg</nobr> | 1,675 | [![](https://img.shields.io/badge/4.00kB-be6200)](https://bundlejs.com/?bundle&q=blockies-react-svg) | ![](https://img.shields.io/badge/yes-409000) | ![](https://img.shields.io/badge/react-be6200) | SVG (React) |
| <nobr>blockies-ts</nobr> | 381 | [![](https://img.shields.io/badge/1.31kB-409000)](https://bundlejs.com/?bundle&q=blockies-ts) | ![](https://img.shields.io/badge/yes-409000) | ![](https://img.shields.io/badge/dom-be6200) | Canvas |
| Library | <nobr>Renders/sec [1]</nobr> | <nobr>Size</nobr> | Types | <nobr>Environment [2]</nobr> | Rendering |
| ------------------------------------- | ---------------------------: | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ---------------------------------------------- | ----------: |
| <b>blo</b> | <nobr><b>☄️ 7,862</b></nobr> | [![](https://img.shields.io/badge/0.67kB-6ead0a)](https://bundlejs.com/?bundle&q=blo) | ![](https://img.shields.io/badge/yes-6ead0a) | ![](https://img.shields.io/badge/all-6ead0a) | SVG |
| <nobr>ethereum-blockies-base64</nobr> | 948 | [![](https://img.shields.io/badge/2.75kB-ee4433)](https://bundlejs.com/?bundle&q=ethereum-blockies-base64) | ![](https://img.shields.io/badge/no-ee4433) | ![](https://img.shields.io/badge/all-6ead0a) | PNG |
| <nobr>@download/blockies</nobr> | 361 | [![](https://img.shields.io/badge/0.67kB-6ead0a)](https://bundlejs.com/?bundle&q=%6ead0a%2Fblockies) | ![](https://img.shields.io/badge/no-ee4433) | ![](https://img.shields.io/badge/dom-ee4433) | Canvas |
| <nobr>blockies-react-svg</nobr> | 1,675 | [![](https://img.shields.io/badge/4kB-ee4433)](https://bundlejs.com/?bundle&q=blockies-react-svg) | ![](https://img.shields.io/badge/yes-6ead0a) | ![](https://img.shields.io/badge/react-ee4433) | SVG (React) |
| <nobr>blockies-ts</nobr> | 381 | [![](https://img.shields.io/badge/1.31kB-6ead0a)](https://bundlejs.com/?bundle&q=blockies-ts) | ![](https://img.shields.io/badge/yes-6ead0a) | ![](https://img.shields.io/badge/dom-ee4433) | Canvas |
[1] The number of renders per second was measured on Chrome 117 Linux with an AMD Ryzen 7 PRO 4750U CPU. [See ./benchmark](./benchmark).
[1] The number of renders per second. It was measured on Chrome 117 Linux with an AMD Ryzen 7 PRO 4750U. [See ./benchmark](./benchmark) for the methodology.

@@ -48,3 +45,3 @@ [2] The term “all” refers to libraries that are framework agnostic and that run in browsers, Bun and Node.js.

## With React
### With React

@@ -97,3 +94,3 @@ blo is fast enough to not require memoization for common use cases.

Get a `BloImage` object that can be used to render the image in different formats.
Get a `BloImage` data structure that can be used to render the image in different formats.

@@ -100,0 +97,0 @@ See [`src/svg.ts`](./src/svg.ts) for an example of how to use it.

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc