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