I'll create a modern pricing card component with multiple tiers and features. This will be perfect for SaaS applications or subscription-based services.
This pricing card component includes:
Key Features:
- Three pricing tiers with different feature sets
- Popular plan highlighting with a badge and enhanced styling
- Feature comparison with checkmarks and crossed-out items
- Responsive design that works on mobile and desktop
- Clean, modern styling using shadcn/ui components
Design Elements:
- Cards with subtle shadows and borders
- Popular plan gets a primary border and slight scale effect
- Clear pricing display with monthly billing
- Feature lists with visual indicators (check/x icons)
- Call-to-action buttons with different variants
- Centered layout with proper spacing
Responsive Behavior:
- Single column on mobile devices
- Three columns on medium screens and up
- Proper spacing and typography scaling
The component is fully customizable - you can easily modify the pricing tiers, features, colors, and styling to match your brand and requirements.