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