Pricing Modern
A modern pricing section with monthly/annual toggle and feature lists.
Configuring your account...
Please wait while we prepare everything for you
Usage
import PricingModern from '@/components/bynanaui/pricing-modern'
<PricingModern />Props
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | '' | Additional CSS classes |
Features
- Monthly/Annual pricing toggle
- Three pricing tiers (Basic, Pro, Enterprise)
- Animated price transitions
- Feature lists with checkmarks
- Responsive design
- Dark theme optimized
Customization
The component includes three pre-configured plans:
- Basic - Perfect for startups
- Pro - Best for teams (featured)
- Enterprise - Tailored solutions
You can modify the pricing, features, and styling by editing the component directly.