Glassmorphism
Blur and floating UI glassmorphism lightbox.
lightboxglassblurfloating
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
image | string | https://images.unsplash.com/photo-1512917774080-9991f1c4c750?q=80&w=2700&auto=format&fit=crop | Main image source URL. |
thumbnailImage | string | Optional thumbnail image URL (uses main image if not provided). | |
backgroundColor | string | linear-gradient(to bottom right, #312e81, #581c87) | Background color or gradient (hex, rgb, hsl, or CSS gradient). |
title | string | Neon Nights | Title text displayed in lightbox. |
subtitle | string | Tokyo, Japan | Subtitle text displayed in lightbox. |
showLike | boolean | true | Whether to show the like button. |
showDownload | boolean | true | Whether to show the download button. |