joe-bell/plaiceholder

Health v2 · maintenance only

Flags: archived

Adoption not part of the score

2318 stars · 74 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

Plaiceholder is a server-side TypeScript library for generating low-quality image placeholders (LQIP) as colors, CSS gradients, SVG, or Base64 strings, built on Sharp. It ships plugins for Next.js and Tailwind CSS and is now feature-complete in maintenance mode.

Use cases

• generate low quality image placeholders for a website
• add blur-up loading placeholders to Next.js images
• create CSS gradient placeholders from images
• get dominant color from an image in Node.js
• generate base64 LQIP thumbnails at build time
• use image placeholders with Tailwind CSS

When to choose

• you want multiple LQIP output formats (color, CSS, SVG, base64) from one tool
• you use Next.js or Tailwind CSS and want ready-made integrations
• you need small, fast placeholders to improve perceived load performance

When to avoid

• you need client-side/browser placeholder generation
• your project uses CommonJS (plaiceholder is ESM-only)
• you need active development or new features (project is in maintenance mode)
• you need fine-grained Sharp control beyond the exposed options

Facets

library · maturity maintenance

image-processing ui-components css-framework web-development frontend image-processing performance serverless lqip blurhash image-placeholders sharp nextjs tailwindcss esm-only base64 svg nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="joe-bell/plaiceholder")