Product Showcase Components
Comprehensive collection of product showcase components for marketing websites with visual previews for all components.
import { ... } from "@/components/blocks/product-showcase"ProductHeroCentered
ProImport ProductHeroCentered from @/components/blocks/product-showcase
ProductHeroSplit
ProImport ProductHeroSplit from @/components/blocks/product-showcase
ProductHeroFullscreen
ProImport ProductHeroFullscreen from @/components/blocks/product-showcase
ProductHeroWithVideo
ProImport ProductHeroWithVideo from @/components/blocks/product-showcase
ProductHeroWithDemo
ProImport ProductHeroWithDemo from @/components/blocks/product-showcase
ProductHeroFeatures
ProImport ProductHeroFeatures from @/components/blocks/product-showcase
ProductHeroStats
ProImport ProductHeroStats from @/components/blocks/product-showcase
ProductHeroScreenshot
ProImport ProductHeroScreenshot from @/components/blocks/product-showcase
ProductHeroMockup
ProImport ProductHeroMockup from @/components/blocks/product-showcase
ProductHeroMinimal
ProImport ProductHeroMinimal from @/components/blocks/product-showcase
ProductHeroDetailed
ProImport ProductHeroDetailed from @/components/blocks/product-showcase
ProductHeroDark
ProImport ProductHeroDark from @/components/blocks/product-showcase
ProductHeroGradient
ProImport ProductHeroGradient from @/components/blocks/product-showcase
ProductHeroAnimated
ProImport ProductHeroAnimated from @/components/blocks/product-showcase
ProductHeroInteractive
ProImport ProductHeroInteractive from @/components/blocks/product-showcase
AppHero
ProImport AppHero from @/components/blocks/product-showcase
SaaSHero
ProImport SaaSHero from @/components/blocks/product-showcase
MobileAppHero
ProImport MobileAppHero from @/components/blocks/product-showcase
DesktopAppHero
ProImport DesktopAppHero from @/components/blocks/product-showcase
WebAppHero
ProImport WebAppHero from @/components/blocks/product-showcase
ProductLaunchHero
ProImport ProductLaunchHero from @/components/blocks/product-showcase
NewProductHero
ProImport NewProductHero from @/components/blocks/product-showcase
FeatureHighlightLeft
ProImport FeatureHighlightLeft from @/components/blocks/product-showcase
FeatureHighlightRight
ProImport FeatureHighlightRight from @/components/blocks/product-showcase
FeatureHighlightCentered
ProImport FeatureHighlightCentered from @/components/blocks/product-showcase
FeatureHighlightAlternating
ProImport FeatureHighlightAlternating from @/components/blocks/product-showcase
FeatureHighlightWithScreenshot
ProImport FeatureHighlightWithScreenshot from @/components/blocks/product-showcase
FeatureHighlightWithVideo
ProImport FeatureHighlightWithVideo from @/components/blocks/product-showcase
FeatureHighlightWithDemo
ProImport FeatureHighlightWithDemo from @/components/blocks/product-showcase
FeatureHighlightWithAnimation
ProImport FeatureHighlightWithAnimation from @/components/blocks/product-showcase
FeatureHighlightCards
ProImport FeatureHighlightCards from @/components/blocks/product-showcase
FeatureHighlightBento
ProImport FeatureHighlightBento from @/components/blocks/product-showcase
FeatureHighlightTimeline
ProImport FeatureHighlightTimeline from @/components/blocks/product-showcase
FeatureHighlightShowcase
ProImport FeatureHighlightShowcase from @/components/blocks/product-showcase
FeatureSpotlight
ProImport FeatureSpotlight from @/components/blocks/product-showcase
FeatureDeepDive
ProImport FeatureDeepDive from @/components/blocks/product-showcase
FeatureZoom
ProImport FeatureZoom from @/components/blocks/product-showcase
FeatureExplorer
ProImport FeatureExplorer from @/components/blocks/product-showcase
CapabilityShowcase
ProImport CapabilityShowcase from @/components/blocks/product-showcase
FunctionalityShowcase
ProImport FunctionalityShowcase from @/components/blocks/product-showcase
PowerFeature
ProImport PowerFeature from @/components/blocks/product-showcase
SignatureFeature
ProImport SignatureFeature from @/components/blocks/product-showcase
NewFeature
ProImport NewFeature from @/components/blocks/product-showcase
UpcomingFeature
ProImport UpcomingFeature from @/components/blocks/product-showcase
ScreenshotHero
ProImport ScreenshotHero from @/components/blocks/product-showcase
ScreenshotGallery
ProImport ScreenshotGallery from @/components/blocks/product-showcase
ScreenshotShowcase
ProImport ScreenshotShowcase from @/components/blocks/product-showcase
ScreenshotCarousel
ProImport ScreenshotCarousel from @/components/blocks/product-showcase
ScreenshotBrowser
ProImport ScreenshotBrowser from @/components/blocks/product-showcase
ScreenshotDevice
ProImport ScreenshotDevice from @/components/blocks/product-showcase
ScreenshotMobile
ProImport ScreenshotMobile from @/components/blocks/product-showcase
ScreenshotDesktop
ProImport ScreenshotDesktop from @/components/blocks/product-showcase
ScreenshotComparison
ProImport ScreenshotComparison from @/components/blocks/product-showcase
ScreenshotBeforeAfter
ProImport ScreenshotBeforeAfter from @/components/blocks/product-showcase
MockupDevice
ProImport MockupDevice from @/components/blocks/product-showcase
MockupBrowser
ProImport MockupBrowser from @/components/blocks/product-showcase
MockupMobile
ProImport MockupMobile from @/components/blocks/product-showcase
MockupDesktop
ProImport MockupDesktop from @/components/blocks/product-showcase
MockupWatch
ProImport MockupWatch from @/components/blocks/product-showcase
MockupTablet
ProImport MockupTablet from @/components/blocks/product-showcase
AppScreens
ProImport AppScreens from @/components/blocks/product-showcase
DashboardScreens
ProImport DashboardScreens from @/components/blocks/product-showcase
ProductTourSteps
ProImport ProductTourSteps from @/components/blocks/product-showcase
ProductTourSlider
ProImport ProductTourSlider from @/components/blocks/product-showcase
ProductTourInteractive
ProImport ProductTourInteractive from @/components/blocks/product-showcase
ProductTourGuided
ProImport ProductTourGuided from @/components/blocks/product-showcase
ProductTourFeatures
ProImport ProductTourFeatures from @/components/blocks/product-showcase
ProductTourHighlights
ProImport ProductTourHighlights from @/components/blocks/product-showcase
QuickTour
ProImport QuickTour from @/components/blocks/product-showcase
FullTour
ProImport FullTour from @/components/blocks/product-showcase
OnboardingTour
ProImport OnboardingTour from @/components/blocks/product-showcase
GettingStarted
ProImport GettingStarted from @/components/blocks/product-showcase
ProductWalkthrough
ProImport ProductWalkthrough from @/components/blocks/product-showcase
FeatureWalkthrough
ProImport FeatureWalkthrough from @/components/blocks/product-showcase
DemoSection
ProImport DemoSection from @/components/blocks/product-showcase
InteractiveDemo
ProImport InteractiveDemo from @/components/blocks/product-showcase
ProductPreview
ProImport ProductPreview from @/components/blocks/product-showcase
LivePreview
ProImport LivePreview from @/components/blocks/product-showcase
All 78 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/product-showcase