Gallery
22 photo galleries: captioned grids and walls, carousels, and viewers with controls of their own.
Each one installs on its own. Preview it at desktop, tablet or mobile width, in either direction. New to blocks? Start with the introduction.
Showing 22 types
Culture Photo Grid
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-culture-photo-gridMasonry Gallery
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-masonry-galleryPhoto Bento
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-photo-bentoFilmstrip Carousel
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-filmstrip-carouselFull-Bleed Slider
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-full-bleed-sliderFilter Tabs + Grid
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-filter-tabs-gridHover Caption Cards
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-hover-caption-cardsLightbox Viewer
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-lightbox-viewerHorizontal Scroll Rail
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-horizontal-scroll-railEditorial Split
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-editorial-splitScattered Collage
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-scattered-collageSocial Feed Strip
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-social-feed-stripVideo Gallery
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-video-galleryBefore / After Compare
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-before-after-compareDark Cinema Wall
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-dark-cinema-wallHover Index List
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-hover-index-listMosaic + Statement Tile
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-mosaic-statement-tileContact Sheet Wall
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-contact-sheet-wallFeatured + Thumb Rail
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-featured-thumb-railAlbum Cards
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-album-cardsTimeline Gallery
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-timeline-galleryPhoto Spotlight
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add gallery-photo-spotlight