ComponentsCard Components
Card Components
Info cards and feature cards for displaying content with visual previews for all 40 components.
40components
0 Free·40 Pro
import { ... } from "@/components/blocks/cards"InfoCardSimple
ProLoading preview...
InfoCardIcon
ProLoading preview...
InfoCardImage
ProLoading preview...
InfoCardHorizontal
ProLoading preview...
InfoCardVertical
ProLoading preview...
InfoCardStats
ProLoading preview...
InfoCardMetrics
ProLoading preview...
InfoCardCTA
ProLoading preview...
InfoCardLink
ProLoading preview...
InfoCardHover
ProLoading preview...
InfoCardAnimated
ProLoading preview...
InfoCardMinimal
ProLoading preview...
InfoCardDetailed
ProLoading preview...
InfoCardGradient
ProLoading preview...
InfoCardDark
ProLoading preview...
InfoCardLight
ProLoading preview...
InfoCardBordered
ProLoading preview...
InfoCardShadow
ProLoading preview...
InfoCardExpandable
ProLoading preview...
InfoCardFlip
ProLoading preview...
InfoCardPricing
ProLoading preview...
InfoCardProfile
ProLoading preview...
FeatureCardIcon
ProLoading preview...
FeatureCardImage
ProLoading preview...
FeatureCardNumbered
ProLoading preview...
FeatureCardBadge
ProLoading preview...
FeatureCardHighlight
ProLoading preview...
FeatureCardSpotlight
ProLoading preview...
FeatureCardComparison
ProLoading preview...
FeatureCardBenefit
ProLoading preview...
FeatureCardQuote
ProLoading preview...
FeatureCardTestimonial
ProLoading preview...
FeatureCardStat
ProLoading preview...
FeatureCardMetric
ProLoading preview...
FeatureCardCTA
ProLoading preview...
FeatureCardAction
ProLoading preview...
FeatureCardMinimal
ProLoading preview...
FeatureCardRich
ProLoading preview...
FeatureCardHover
ProLoading preview...
FeatureCardInteractive
ProLoading preview...
All 40 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/cards