unlazyUniversal lazy loading library for placeholder images

Framework-agnostic, using native browser APIs

Native Lazy Loading

Leverages the loading="lazy" attribute. Modern browsers only.

Learn more

Works with any framework or none. Integrations for Vue, React, Solid, Svelte, and Nuxt.

View integrations

Compact hash strings decode into blurry placeholder images.

Placeholder guide

Decode hashes on the server during SSR or in the browser at runtime.

Decoding strategies

Calculates the sizes attribute automatically from display width.

Auto sizes

Detects bots and crawlers, loading full images immediately for indexing.

SEO guide

Full support for <img> and <picture> with multiple sources.

Usage examples

Use the init attribute in IIFE builds. No bundler required.

CDN usage