Portfolio Components
Comprehensive collection of portfolio and gallery components for showcasing creative work with visual previews for all components.
import { ... } from "@/components/blocks/portfolio"PortfolioGrid2Col
ProImport PortfolioGrid2Col from @/components/blocks/portfolio
PortfolioGrid3Col
ProImport PortfolioGrid3Col from @/components/blocks/portfolio
PortfolioGrid4Col
ProImport PortfolioGrid4Col from @/components/blocks/portfolio
PortfolioGridMasonry
ProImport PortfolioGridMasonry from @/components/blocks/portfolio
PortfolioGridMasonryAlt
ProImport PortfolioGridMasonryAlt from @/components/blocks/portfolio
PortfolioGridWithFilters
ProImport PortfolioGridWithFilters from @/components/blocks/portfolio
PortfolioGridFilterTabs
ProImport PortfolioGridFilterTabs from @/components/blocks/portfolio
PortfolioGridMinimal
ProImport PortfolioGridMinimal from @/components/blocks/portfolio
PortfolioGridCards
ProImport PortfolioGridCards from @/components/blocks/portfolio
PortfolioGridOverlay
ProImport PortfolioGridOverlay from @/components/blocks/portfolio
PortfolioGridHover
ProImport PortfolioGridHover from @/components/blocks/portfolio
PortfolioGridCaptions
ProImport PortfolioGridCaptions from @/components/blocks/portfolio
PortfolioGridTitles
ProImport PortfolioGridTitles from @/components/blocks/portfolio
PortfolioGridCompact
ProImport PortfolioGridCompact from @/components/blocks/portfolio
PortfolioGridSpacious
ProImport PortfolioGridSpacious from @/components/blocks/portfolio
PortfolioGridPaginated
ProImport PortfolioGridPaginated from @/components/blocks/portfolio
PortfolioShowcaseSplit
ProImport PortfolioShowcaseSplit from @/components/blocks/portfolio
PortfolioShowcaseFullWidth
ProImport PortfolioShowcaseFullWidth from @/components/blocks/portfolio
PortfolioShowcaseSlider
ProImport PortfolioShowcaseSlider from @/components/blocks/portfolio
PortfolioShowcaseCarousel
ProImport PortfolioShowcaseCarousel from @/components/blocks/portfolio
PortfolioShowcaseFeatured
ProImport PortfolioShowcaseFeatured from @/components/blocks/portfolio
PortfolioShowcaseHighlight
ProImport PortfolioShowcaseHighlight from @/components/blocks/portfolio
PortfolioShowcaseTimeline
ProImport PortfolioShowcaseTimeline from @/components/blocks/portfolio
PortfolioShowcaseStack
ProImport PortfolioShowcaseStack from @/components/blocks/portfolio
PortfolioShowcaseBento
ProImport PortfolioShowcaseBento from @/components/blocks/portfolio
PortfolioShowcaseGallery
ProImport PortfolioShowcaseGallery from @/components/blocks/portfolio
PortfolioShowcaseParallax
ProImport PortfolioShowcaseParallax from @/components/blocks/portfolio
PortfolioShowcaseScroll
ProImport PortfolioShowcaseScroll from @/components/blocks/portfolio
PortfolioShowcaseInteractive
ProImport PortfolioShowcaseInteractive from @/components/blocks/portfolio
PortfolioShowcaseModal
ProImport PortfolioShowcaseModal from @/components/blocks/portfolio
PortfolioShowcaseDetail
ProImport PortfolioShowcaseDetail from @/components/blocks/portfolio
PortfolioShowcaseVideo
ProImport PortfolioShowcaseVideo from @/components/blocks/portfolio
PortfolioCardSimple
ProImport PortfolioCardSimple from @/components/blocks/portfolio
PortfolioCardOverlay
ProImport PortfolioCardOverlay from @/components/blocks/portfolio
PortfolioCardHover
ProImport PortfolioCardHover from @/components/blocks/portfolio
PortfolioCardReveal
ProImport PortfolioCardReveal from @/components/blocks/portfolio
PortfolioCardMinimal
ProImport PortfolioCardMinimal from @/components/blocks/portfolio
PortfolioCardDetailed
ProImport PortfolioCardDetailed from @/components/blocks/portfolio
PortfolioCardWithMeta
ProImport PortfolioCardWithMeta from @/components/blocks/portfolio
PortfolioCardWithTags
ProImport PortfolioCardWithTags from @/components/blocks/portfolio
PortfolioCardHorizontal
ProImport PortfolioCardHorizontal from @/components/blocks/portfolio
PortfolioCardVertical
ProImport PortfolioCardVertical from @/components/blocks/portfolio
PortfolioCardFeature
ProImport PortfolioCardFeature from @/components/blocks/portfolio
PortfolioCardCompact
ProImport PortfolioCardCompact from @/components/blocks/portfolio
PortfolioCardExpanding
ProImport PortfolioCardExpanding from @/components/blocks/portfolio
PortfolioCardFlip
ProImport PortfolioCardFlip from @/components/blocks/portfolio
PortfolioCardVideo
ProImport PortfolioCardVideo from @/components/blocks/portfolio
PortfolioCardGradient
ProImport PortfolioCardGradient from @/components/blocks/portfolio
All 48 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/portfolio