Skip to content
M
Back to Home
ComponentsFeatures

Features

Feature section components for showcasing product capabilities with visual previews for all components.

94components
3 Free·91 Pro
import { ... } from "@/components/blocks/features"

FeatureGrid3Col

Free
Loading preview...

Import FeatureGrid3Col from @/components/blocks/features

FeatureGrid4Col

Free
Loading preview...

Import FeatureGrid4Col from @/components/blocks/features

FeatureGrid2Col

Pro
Loading preview...

Import FeatureGrid2Col from @/components/blocks/features

FeatureGridCards

Free
Loading preview...

Import FeatureGridCards from @/components/blocks/features

FeatureGridIconsLeft

Pro
Loading preview...

Import FeatureGridIconsLeft from @/components/blocks/features

FeatureGridIconsCentered

Pro
Loading preview...

Import FeatureGridIconsCentered from @/components/blocks/features

FeatureGridBordered

Pro
Loading preview...

Import FeatureGridBordered from @/components/blocks/features

FeatureGridNumbered

Pro
Loading preview...

Import FeatureGridNumbered from @/components/blocks/features

FeaturesBento2x2

Pro
Loading preview...

Import FeaturesBento2x2 from @/components/blocks/features

FeaturesBentoAsymmetric

Pro
Loading preview...

Import FeaturesBentoAsymmetric from @/components/blocks/features

FeaturesBento3ColVaried

Pro
Loading preview...

Import FeaturesBento3ColVaried from @/components/blocks/features

FeaturesBentoHeroLeft

Pro
Loading preview...

Import FeaturesBentoHeroLeft from @/components/blocks/features

FeaturesBentoHeroRight

Pro
Loading preview...

Import FeaturesBentoHeroRight from @/components/blocks/features

FeaturesBento5Panel

Pro
Loading preview...

Import FeaturesBento5Panel from @/components/blocks/features

FeaturesBento6Panel

Pro
Loading preview...

Import FeaturesBento6Panel from @/components/blocks/features

FeaturesBentoDashboard

Pro
Loading preview...

Import FeaturesBentoDashboard from @/components/blocks/features

FeaturesAlternatingSimple

Pro
Loading preview...

Import FeaturesAlternatingSimple from @/components/blocks/features

FeaturesAlternatingOverlap

Pro
Loading preview...

Import FeaturesAlternatingOverlap from @/components/blocks/features

FeaturesAlternatingCards

Pro
Loading preview...

Import FeaturesAlternatingCards from @/components/blocks/features

FeaturesAlternatingNumbered

Pro
Loading preview...

Import FeaturesAlternatingNumbered from @/components/blocks/features

FeaturesAlternatingTimeline

Pro
Loading preview...

Import FeaturesAlternatingTimeline from @/components/blocks/features

FeaturesAlternatingSticky

Pro
Loading preview...

Import FeaturesAlternatingSticky from @/components/blocks/features

FeaturesListSimple

Pro
Loading preview...

Import FeaturesListSimple from @/components/blocks/features

FeaturesListDetailed

Pro
Loading preview...

Import FeaturesListDetailed from @/components/blocks/features

FeaturesList2Col

Pro
Loading preview...

Import FeaturesList2Col from @/components/blocks/features

FeaturesListWithImage

Pro
Loading preview...

Import FeaturesListWithImage from @/components/blocks/features

FeaturesListExpandable

Pro
Loading preview...

Import FeaturesListExpandable from @/components/blocks/features

FeaturesListTabs

Pro
Loading preview...

Import FeaturesListTabs from @/components/blocks/features

FeaturesComparisonTable

Pro
Loading preview...

Import FeaturesComparisonTable from @/components/blocks/features

FeaturesComparisonVs

Pro
Loading preview...

Import FeaturesComparisonVs from @/components/blocks/features

FeaturesComparisonBeforeAfter

Pro
Loading preview...

Import FeaturesComparisonBeforeAfter from @/components/blocks/features

FeaturesComparisonSlider

Pro
Loading preview...

Import FeaturesComparisonSlider from @/components/blocks/features

FeaturesHeroLarge

Pro
Loading preview...

Import FeaturesHeroLarge from @/components/blocks/features

FeaturesHeroVideo

Pro
Loading preview...

Import FeaturesHeroVideo from @/components/blocks/features

FeaturesHeroInteractive

Pro
Loading preview...

Import FeaturesHeroInteractive from @/components/blocks/features

FeaturesHeroTestimonial

Pro
Loading preview...

Import FeaturesHeroTestimonial from @/components/blocks/features

FeatureZigzag

Pro
Loading preview...

Import FeatureZigzag from @/components/blocks/features

FeatureAlternatingLarge

Pro
Loading preview...

Import FeatureAlternatingLarge from @/components/blocks/features

FeatureTimeline

Pro
Loading preview...

Import FeatureTimeline from @/components/blocks/features

FeatureTimelineVertical

Pro
Loading preview...

Import FeatureTimelineVertical from @/components/blocks/features

FeatureShowcase

Pro
Loading preview...

Import FeatureShowcase from @/components/blocks/features

FeatureShowcaseSlider

Pro
Loading preview...

Import FeatureShowcaseSlider from @/components/blocks/features

FeatureTabs

Pro
Loading preview...

Import FeatureTabs from @/components/blocks/features

FeatureTabsVertical

Pro
Loading preview...

Import FeatureTabsVertical from @/components/blocks/features

FeatureAccordion

Pro
Loading preview...

Import FeatureAccordion from @/components/blocks/features

FeatureAccordionImages

Pro
Loading preview...

Import FeatureAccordionImages from @/components/blocks/features

FeatureStack

Pro
Loading preview...

Import FeatureStack from @/components/blocks/features

FeatureStackCards

Pro
Loading preview...

Import FeatureStackCards from @/components/blocks/features

FeatureMasonry

Pro
Loading preview...

Import FeatureMasonry from @/components/blocks/features

FeatureMasonryCards

Pro
Loading preview...

Import FeatureMasonryCards from @/components/blocks/features

FeatureCarousel

Pro
Loading preview...

Import FeatureCarousel from @/components/blocks/features

FeatureCarouselCards

Pro
Loading preview...

Import FeatureCarouselCards from @/components/blocks/features

FeatureGrid5Col

Pro
Loading preview...

Import FeatureGrid5Col from @/components/blocks/features

FeatureGrid6Col

Pro
Loading preview...

Import FeatureGrid6Col from @/components/blocks/features

FeatureHorizontal

Pro
Loading preview...

Import FeatureHorizontal from @/components/blocks/features

FeatureVertical

Pro
Loading preview...

Import FeatureVertical from @/components/blocks/features

FeatureOverlap

Pro
Loading preview...

Import FeatureOverlap from @/components/blocks/features

FeatureLayered

Pro
Loading preview...

Import FeatureLayered from @/components/blocks/features

FeatureMinimalist

Pro
Loading preview...

Import FeatureMinimalist from @/components/blocks/features

FeatureBold

Pro
Loading preview...

Import FeatureBold from @/components/blocks/features

FeatureGlass

Pro
Loading preview...

Import FeatureGlass from @/components/blocks/features

FeatureBlur

Pro
Loading preview...

Import FeatureBlur from @/components/blocks/features

FeatureDark

Pro
Loading preview...

Import FeatureDark from @/components/blocks/features

FeatureLight

Pro
Loading preview...

Import FeatureLight from @/components/blocks/features

FeatureGradient

Pro
Loading preview...

Import FeatureGradient from @/components/blocks/features

FeatureGradientCards

Pro
Loading preview...

Import FeatureGradientCards from @/components/blocks/features

FeatureNeon

Pro
Loading preview...

Import FeatureNeon from @/components/blocks/features

FeatureGlow

Pro
Loading preview...

Import FeatureGlow from @/components/blocks/features

FeatureBordered

Pro
Loading preview...

Import FeatureBordered from @/components/blocks/features

FeatureShadow

Pro
Loading preview...

Import FeatureShadow from @/components/blocks/features

FeatureRounded

Pro
Loading preview...

Import FeatureRounded from @/components/blocks/features

FeatureSharp

Pro
Loading preview...

Import FeatureSharp from @/components/blocks/features

FeatureColorful

Pro
Loading preview...

Import FeatureColorful from @/components/blocks/features

FeatureMonochrome

Pro
Loading preview...

Import FeatureMonochrome from @/components/blocks/features

FeatureAnimated

Pro
Loading preview...

Import FeatureAnimated from @/components/blocks/features

FeatureInteractive

Pro
Loading preview...

Import FeatureInteractive from @/components/blocks/features

FeatureHighlight

Pro
Loading preview...

Import FeatureHighlight from @/components/blocks/features

FeatureSpotlight

Pro
Loading preview...

Import FeatureSpotlight from @/components/blocks/features

FeatureComparison

Pro
Loading preview...

Import FeatureComparison from @/components/blocks/features

FeatureVs

Pro
Loading preview...

Import FeatureVs from @/components/blocks/features

FeatureChecklist

Pro
Loading preview...

Import FeatureChecklist from @/components/blocks/features

FeatureBullets

Pro
Loading preview...

Import FeatureBullets from @/components/blocks/features

FeatureNumbered

Pro
Loading preview...

Import FeatureNumbered from @/components/blocks/features

FeatureOrdered

Pro
Loading preview...

Import FeatureOrdered from @/components/blocks/features

FeatureWithDemo

Pro
Loading preview...

Import FeatureWithDemo from @/components/blocks/features

FeatureWithVideo

Pro
Loading preview...

Import FeatureWithVideo from @/components/blocks/features

FeatureWithScreenshot

Pro
Loading preview...

Import FeatureWithScreenshot from @/components/blocks/features

FeatureWithMockup

Pro
Loading preview...

Import FeatureWithMockup from @/components/blocks/features

FeatureWithTestimonial

Pro
Loading preview...

Import FeatureWithTestimonial from @/components/blocks/features

FeatureWithQuote

Pro
Loading preview...

Import FeatureWithQuote from @/components/blocks/features

FeatureWithStats

Pro
Loading preview...

Import FeatureWithStats from @/components/blocks/features

FeatureWithMetrics

Pro
Loading preview...

Import FeatureWithMetrics from @/components/blocks/features

FeatureWithPricing

Pro
Loading preview...

Import FeatureWithPricing from @/components/blocks/features

FeatureWithCTA

Pro
Loading preview...

Import FeatureWithCTA from @/components/blocks/features

All 94 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/features