Image Zoom Backdrop 1 - Blurred backdrop

Pro

Image zoom with a blurred backdrop class on the overlay.
Shadcn Image Zoom Backdrop 1 component

Component data

ID
image-zoom/image-zoom-backdrop-1
Access
pro
Created
Jul 30, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Image Zoom Backdrop 1 component design & features

This example customizes ImageZoom backdropClassName for a blurred overlay behind the zoomed image.

Soft backdrops keep focus on the image while preserving page context.