Web Component: Simple Masonry V2 + LightGallery
A web component: simple masonry v2 + lightgallery built with modern frontend techniques for responsive and reusable UI.
Lightbox
7 snippetsWelcome to the Lightbox resource page — a curated directory for developers. Browse practical UI patterns, specialized libraries, and small interactive demos. Use the table of contents to explore subcategories below.
javascript-lightbox
Snippets(7)
- Carousel + Lightbox + Glow
A carousel + lightbox + glow built with modern frontend techniques for responsive and reusable UI.
Responsive Image Grid with Slider and SearchA responsive image grid with slider and search built with modern frontend techniques for responsive and reusable UI.
Asymmetric SVG Mask Grid GalleryA asymmetric svg mask grid gallery built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, SCSS, JavaScriptDifficulty
AdvancedBrowser support
Chrome 120+, Edge 120+, Firefox 53+, Safari 15.4+Features
SVG Masks, Grid Areas, Lightbox Modal
Interactive Card with Floating Lightbox ImagesA interactive card with floating lightbox images built with modern frontend techniques for responsive and reusable UI.
Grid Lightbox Gallery EffectA grid lightbox gallery effect built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, SCSS, JavaScriptDifficulty
BeginnerBrowser support
Chrome 76+, Edge 79+, Firefox 103+, Safari 13+Features
Dense Grid, Focus Trap
Lightbox with View Transition APIA lightbox with view transition api built with modern frontend techniques for responsive and reusable UI.
Technologies
View Transition API, Web Components, HTML5 DialogDifficulty
IntermediateFeatures
Smooth Transitions, Accessible Modals, Native Browser API