MarketingCard
Feature card component with icon, title, description, and variant styling for marketing pages. Supports feature, problem, and solution variants with hover effects and flexible content areas.
Live Preview
Basic
Cards with Icons
Feature cards with icons, titles, and descriptions
Lightning Fast
Ship features in hours, not weeks, with our optimized workflow
Enterprise Security
Bank-level encryption and compliance certifications built-in
Ready to Scale
Architecture that grows from MVP to millions of users
Cards without Icons
Clean, minimalist cards focusing on content
Simple and Clean
Sometimes you don't need an icon. This card focuses on the content with clean typography and spacing.
Minimalist Design
Perfect for testimonials, quotes, or any content where the text should be the primary focus.
Variants
Card Variants
Different visual styles for problem/solution narratives
The Problem
Building modern web apps takes months and costs a fortune
Our Mission
Make web development 10x faster and more affordable
The Solution
AI-powered platform that generates production-ready code
Custom Icon Colors
Customize icon and badge colors for visual variety
Growth
Track your progress
Team
Collaborate seamlessly
Code
Clean and maintainable
Design
Beautiful interfaces
With Children
Pricing Cards
Cards with additional content like pricing and CTAs
Starter Plan
Perfect for side projects
- • 1 project
- • Community support
- • Basic analytics
Growth Plan
For growing businesses
- • Unlimited projects
- • Priority support
- • Advanced analytics
Enterprise
For large organizations
- • Custom limits
- • Dedicated support
- • SLA guarantee
Usage Guidance
✓ When to Use
Use for feature lists, benefits sections, problem/solution breakdowns, and value propositions on marketing pages. Display in grids using CardGrid component for best results.
✗ When NOT to Use
Don't use for dashboard cards, data display cards, user-generated content, blog post cards, or product listings. Use Card component from
Props
icontitledescriptionvarianticonBadgeColoriconColorchildrenclassNamestyleonClickonChange