ComponentsGalleries & Media
Galleries & Media
Interactive galleries, media players, and visual showcases for images, video, and audio with visual previews for all 40 components.
40components
2 Free·38 Pro
import { ... } from "@/components/blocks/galleries"LightboxGallery
FreeLoading preview...
LightboxSimple
ProLoading preview...
LightboxWithCaption
ProLoading preview...
MasonryGrid
FreeLoading preview...
MasonryGridResponsive
ProLoading preview...
MasonryGridWithOverlay
ProLoading preview...
MasonryGridCompact
ProLoading preview...
BeforeAfterSlider
ProLoading preview...
BeforeAfterVertical
ProLoading preview...
BeforeAfterWithLabels
ProLoading preview...
ImageHotspots
ProLoading preview...
ImageHotspotsWithModal
ProLoading preview...
ImageHotspotsProductTag
ProLoading preview...
ImageHotspotsNumbered
ProLoading preview...
VideoHeroBackground
ProLoading preview...
VideoBackgroundCentered
ProLoading preview...
VideoBackgroundSplit
ProLoading preview...
VideoBackgroundParallax
ProLoading preview...
VideoThumbnailCard
ProLoading preview...
VideoCardWithInfo
ProLoading preview...
VideoCardHover
ProLoading preview...
VideoCardGrid
ProLoading preview...
EmbeddedVideoSection
ProLoading preview...
EmbeddedVideoSplit
ProLoading preview...
EmbeddedVideoWithTranscript
ProLoading preview...
EmbeddedVideoGrid
ProLoading preview...
EmbeddedVideoHero
ProLoading preview...
AudioPlayerBar
ProLoading preview...
AudioPlayerMinimal
ProLoading preview...
AudioPlayerCard
ProLoading preview...
AudioPlayerPlaylist
ProLoading preview...
PhotoGridFilters
ProLoading preview...
PhotoGridSearch
ProLoading preview...
PhotoGridCategories
ProLoading preview...
PhotoGridWithLayout
ProLoading preview...
LogoCarousel
ProLoading preview...
LogoCarouselDual
ProLoading preview...
LogoCarouselFade
ProLoading preview...
LogoCarouselWithTitle
ProLoading preview...
LogoGrid
ProLoading preview...
All 40 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/galleries