Clean pricing cards with inline discount text in toggle, highlighted paid tiers with bg-card, and simple feature lists.
Examples
Installation
Other Pricing Cards Components
View all Pricing Cards componentsPricing Cards 00
Simple pricing cards with single price display, features list, and accent support.
Pricing Cards 01
Complete pricing section with multiple cards, monthly/yearly toggle, and featured tier highlighting.
Pricing Cards 02
Minimal pricing cards with outline design and glowing accent effect for featured tiers.
Pricing Cards 03
Pricing cards with toggle, discount badges, and clean minimal design.
Pricing Cards 04
Pricing cards with individual toggle switches per tier, descriptive text, and section headers.
Pricing Cards 05
Sectioned pricing cards with gradient accent effects and multiple CTA buttons.
Pricing Cards 06
Clean pricing cards with enhanced check icons, larger price text, and streamlined toggle switches.
Pricing Cards 07
5-tier pricing layout with 3 main cards and 2 additional cards below, featuring icon-categorized features and annual/monthly toggle with savings message.
Pricing Cards 09
Card-based pricing with rounded borders, large price display, and monthly/annual toggle for flexible billing options.
Pricing Cards 10
Pricing cards with recommended badge, savings text alongside toggle, and comprehensive feature lists with inheritance.
Pricing Cards 11
Minimal text-based pricing without card borders, featuring clean typography, large price display, rounded buttons, and simple feature lists.