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 & Media](/categories/media) 4. / 5. thoughtco/statamic-blurhash ActiveLibrary[Image & Media](/categories/media) thoughtco/statamic-blurhash =========================== A Statamic add-on to generate and decode blurhash images 2.0.0(1y ago)711.4k↓50%[2 issues](https://github.com/thoughtco/statamic-blurhash/issues)PHP Since Nov 4Pushed 1y 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 1mo ago 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 32 — LowBetter than 72% of packages Maintenance26 Infrequent updates — may be unmaintained Popularity30 Limited adoption so far Community10 Small or concentrated contributor base Maturity51 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 700d 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 [milon/barcode Barcode generator like Qr Code, PDF417, C39, C39+, C39E, C39E+, C93, S25, S25+, I25, I25+, C128, C128A, C128B, C128C, 2-Digits UPC-Based Extention, 5-Digits UPC-Based Extention, EAN 8, EAN 13, UPC-A, UPC-E, MSI (Variation of Plessey code) 1.5k13.3M39](/packages/milon-barcode)[bkwld/croppa Image thumbnail creation through specially formatted URLs for Laravel 510496.0k23](/packages/bkwld-croppa)[goat1000/svggraph Generates SVG graphs 132849.6k3](/packages/goat1000-svggraph)[cohensive/embed Media Embed (for Laravel or as a standalone). 120370.4k](/packages/cohensive-embed)[netresearch/rte-ckeditor-image Image support in CKEditor for the TYPO3 ecosystem - by Netresearch 63991.3k4](/packages/netresearch-rte-ckeditor-image)[tzsk/collage Generate Image Collage with Laravel 8161.5k](/packages/tzsk-collage) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)