Blur placeholder
Getting Started with @gallerykit/blur-placeholder
1. Install
pnpm add @gallerykit/blur-placeholderIf your app does not yet depend on @gallerykit/core, the package will pull it in automatically.
2. Use it
import { BlurPlaceholder } from "@gallerykit/blur-placeholder";
export function Cover({ src, blurDataUrl }: { src: string; blurDataUrl: string }) {
return <BlurPlaceholder src={src} placeholder={blurDataUrl} alt="" />;
}Next steps
- Read the API reference for the full list of exports.
- Browse the rest of the GalleryKit docs to see which layouts, skins, and themes are available.