Skip to main content
Universal blur placeholdersblurkit v0.1.11

Image in.
Placeholder data URL out.

Generate BlurHash or ThumbHash placeholders across Node, Deno, browser, edge, Cloudflare, and wasm runtimes, then inspect the output in the live demo below.

Core features

blurkit covers the practical placeholder workflow: runtime-specific entrypoints, two algorithms, batch APIs, CLI tooling, manifest helpers, and cache helpers.

Runtime entrypoints

Import blurkit/node, blurkit/deno, blurkit/browser, blurkit/edge, blurkit/cloudflare, or blurkit/wasm explicitly when runtime behavior matters.

BlurHash and ThumbHash

Switch between the two shipped algorithms without changing the rest of your encode flow.

Ready-to-use result

Each encode returns a dataURL, the raw hash, placeholder dimensions, and source metadata.

Batch encoding

Use encodeMany() when one job needs placeholders for many images at once.

CLI and manifests

Generate single-image JSON from the CLI or write folder manifests for build-time and import workflows.

Cache helpers

Reuse work with built-in memory/filesystem helpers in blurkit/node and Worker cache support in blurkit/cloudflare.

Live demo

Test blurkit in the browser.

Drop an image, adjust the settings, and inspect the generated output.

SourceUpload
Loading preset imageThe demo boots from the local sample.
PlaceholderPNG
Generating placeholderProcessing in the browser runtime.
Original
Pending
Output
Pending
Format
Pending

Outputs

// Waiting for a generated data URL.