v1.1.4 is now available

next image
placeholder

Lightweight server-side blur placeholder and dominant color extraction for Next.js. Zero client-side JavaScript for generation.

Get StartedGitHub
Demo Content
// Server Component
const { base64 } = await getPlaceholder(
  "https://images.unsplash.com/photo-1619441207978-3d326c46e2c9?q=80&w=2669&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
);

// Render
<Image
  src="https://images.unsplash.com/photo-1619441207978-3d326c46e2c9?q=80&w=2669&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
  placeholder="blur"
  blurDataURL={base64}
  alt="Demo"
/>