PHPackages                             thoughtco/statamic-blurhash - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Image &amp; Media](/categories/media)
4. /
5. thoughtco/statamic-blurhash

ActiveLibrary[Image &amp; Media](/categories/media)

thoughtco/statamic-blurhash
===========================

A Statamic add-on to generate and decode blurhash images

2.0.0(2y ago)711.5k↓90.9%[2 issues](https://github.com/thoughtco/statamic-blurhash/issues)PHP

Since Nov 4Pushed 2y ago3 watchersCompare

[ Source](https://github.com/thoughtco/statamic-blurhash)[ Packagist](https://packagist.org/packages/thoughtco/statamic-blurhash)[ RSS](/packages/thoughtco-statamic-blurhash/feed)WikiDiscussions main Synced yesterday

READMEChangelog (8)Dependencies (2)Versions (9)Used By (0)

[![Screenshot](./screenshot.png)](./screenshot.png)

Blur Hash
---------

[](#blur-hash)

> An add-on for Statamic that encodes, decodes and generates [Blur Hash](https://github.com/woltapp/blurhash) images to use as placeholders during image loading.

Installation
------------

[](#installation)

First, require BlurHash as a Composer dependency:

```
composer require thoughtco/statamic-blurhash

```

Optionally, you may publish the config file for the [BlurHash library](https://github.com/bepsvpt/blurhash) this addon makes use of, allowing you finer control over the image output.

```
php artisan vendor:publish --provider="Bepsvpt\Blurhash\BlurHashServiceProvider"

```

Usage
-----

[](#usage)

This add-on provides a number of tags:

### Outputting a BlurHash image

[](#outputting-a-blurhash-image)

`{{ blur_hash:image }}`

or

`{{ blur_hash :image="asset" }}`

or

`{{ blur_hash :url="url" }}`

or

`{{ blur_hash :id="asset_id" }}`

or

`{{ blur_hash :path="local_path" }}`

This tag will output an encoded image in the following format:

``

Any other parameters you pass will be added to the tag, for example:

`{{ blur_hash:image width="640" height="640" onload="console.log('loaded')" }}`

will output as:

``

If you want to override the output, you can publish the view to your own views folder by running:

```
php artisan vendor:publish --tag="statamic-blurhash"

```

it will then be found at `resources/views/vendor/statamic-blurhash/output.blade.php`

### Encoding a BlurHash image

[](#encoding-a-blurhash-image)

`{{ blur_hash:encode image="path_or_asset" }}`

or

`{{ blur_hash:encode :url="url" }}`

or

`{{ blur_hash:encode :id="asset_id" }}`

or

`{{ blur_hash:encode :path="path" }}`

This will return a BlurHash encoded URL, useful if you want to return this to JavaScript or a 3rd party service (such as Algolia).

### Decoding a BlurHash image

[](#decoding-a-blurhash-image)

`{{ blur_hash:decode hash="string" }}`

This will decode an BlurHash string to an image, following the same conventions as `Outputting a BlurHash image`.

Support
-------

[](#support)

BlurHash is a free addon so support is provided on an as-we-have-capacity basis. If you have a feature request or experience a bug, please [open a GitHub Issue](https://github.com/thoughtco/statamic-blurhash).

Only the latest version of this addon is supported. If you open a bug report using an old version, your issue will be closed.

###  Health Score

29

—

LowBetter than 57% of packages

Maintenance14

Infrequent updates — may be unmaintained

Popularity27

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity52

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 93.3% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~84 days

Recently: every ~145 days

Total

8

Last Release

746d ago

Major Versions

1.2.0 → 2.0.02024-06-17

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/51899?v=4)[Ryan Mitchell](/maintainers/ryanmitchell)[@ryanmitchell](https://github.com/ryanmitchell)

---

Top Contributors

[![ryanmitchell](https://avatars.githubusercontent.com/u/51899?v=4)](https://github.com/ryanmitchell "ryanmitchell (14 commits)")[![duncanmcclean](https://avatars.githubusercontent.com/u/19637309?v=4)](https://github.com/duncanmcclean "duncanmcclean (1 commits)")

### Embed Badge

![Health badge](/badges/thoughtco-statamic-blurhash/health.svg)

```
[![Health](https://phpackages.com/badges/thoughtco-statamic-blurhash/health.svg)](https://phpackages.com/packages/thoughtco-statamic-blurhash)
```

###  Alternatives

[binaryk/laravel-restify

Laravel REST API helpers

677415.0k](/packages/binaryk-laravel-restify)[goat1000/svggraph

Generates SVG graphs

135911.1k3](/packages/goat1000-svggraph)[erag/laravel-pwa

A simple and easy-to-use PWA (Progressive Web App) package for Laravel applications.

180124.1k](/packages/erag-laravel-pwa)[erag/laravel-lang-sync-inertia

A powerful Laravel package for syncing and managing language translations across backend and Inertia.js (Vue/React/Svelte) frontends, offering effortless localization, auto-sync features, and smooth multi-language support for modern Laravel applications.

4925.3k](/packages/erag-laravel-lang-sync-inertia)[tzsk/collage

Generate Image Collage with Laravel

8162.2k](/packages/tzsk-collage)[laravel/ranger

Laravel Ranger is a powerful introspection library for Laravel applications.

63120.6k6](/packages/laravel-ranger)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
