Grids
Layout and gallery grid components with visual previews for all components.
import { ... } from "@/components/blocks/grids"LayoutGrid2Col
ProImport LayoutGrid2Col from @/components/blocks/grids
LayoutGrid3Col
ProImport LayoutGrid3Col from @/components/blocks/grids
LayoutGrid4Col
ProImport LayoutGrid4Col from @/components/blocks/grids
LayoutGridMasonry
ProImport LayoutGridMasonry from @/components/blocks/grids
LayoutGridBento
ProImport LayoutGridBento from @/components/blocks/grids
LayoutGridAsymmetric
ProImport LayoutGridAsymmetric from @/components/blocks/grids
LayoutGridMixed
ProImport LayoutGridMixed from @/components/blocks/grids
LayoutGridCards
ProImport LayoutGridCards from @/components/blocks/grids
LayoutGridImages
ProImport LayoutGridImages from @/components/blocks/grids
LayoutGridFeatures
ProImport LayoutGridFeatures from @/components/blocks/grids
LayoutGridStats
ProImport LayoutGridStats from @/components/blocks/grids
LayoutGridLogos
ProImport LayoutGridLogos from @/components/blocks/grids
LayoutGridAvatars
ProImport LayoutGridAvatars from @/components/blocks/grids
LayoutGridResponsive
ProImport LayoutGridResponsive from @/components/blocks/grids
LayoutGridFluid
ProImport LayoutGridFluid from @/components/blocks/grids
LayoutGridWithSidebar
ProImport LayoutGridWithSidebar from @/components/blocks/grids
LayoutGridWithHeader
ProImport LayoutGridWithHeader from @/components/blocks/grids
LayoutGridPaginated
ProImport LayoutGridPaginated from @/components/blocks/grids
LayoutGridInfinite
ProImport LayoutGridInfinite from @/components/blocks/grids
LayoutGridFiltered
ProImport LayoutGridFiltered from @/components/blocks/grids
LayoutGridSorted
ProImport LayoutGridSorted from @/components/blocks/grids
GalleryGridSimple
ProImport GalleryGridSimple from @/components/blocks/grids
GalleryGridMasonry
ProImport GalleryGridMasonry from @/components/blocks/grids
GalleryGridLightbox
ProImport GalleryGridLightbox from @/components/blocks/grids
GalleryGridOverlay
ProImport GalleryGridOverlay from @/components/blocks/grids
GalleryGridHover
ProImport GalleryGridHover from @/components/blocks/grids
GalleryGridCaption
ProImport GalleryGridCaption from @/components/blocks/grids
GalleryGridFiltered
ProImport GalleryGridFiltered from @/components/blocks/grids
GalleryGridTabs
ProImport GalleryGridTabs from @/components/blocks/grids
GalleryGridSlider
ProImport GalleryGridSlider from @/components/blocks/grids
GalleryGridCarousel
ProImport GalleryGridCarousel from @/components/blocks/grids
GalleryGridPaginated
ProImport GalleryGridPaginated from @/components/blocks/grids
GalleryGridInfinite
ProImport GalleryGridInfinite from @/components/blocks/grids
GalleryGridPortfolio
ProImport GalleryGridPortfolio from @/components/blocks/grids
GalleryGridProduct
ProImport GalleryGridProduct from @/components/blocks/grids
GalleryGridFullscreen
ProImport GalleryGridFullscreen from @/components/blocks/grids
All 36 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/grids