Primary card simple
Powerful and customizable React pricing section template. A pricing page header with three tiered subscription plans displayed as cards. Built with React Aria and Tailwind CSS.
Perfect for:
- SaaS Pricing Pages
- Subscription Services
- Software Pricing Tiers
Similar pricing section examples
Explore more pricing sections from our collection.
FAQs
Please refer to our frequently asked questions page for more.
Run npx untitledui@latest add pricing-primary-card-simple --yes to add this component to your project with all required dependencies. You can also copy the source files manually from the component page.
Yes. This component is built with Tailwind CSS utility classes and React Aria. You own the source code — modify colors, spacing, typography, and behavior directly in the component files.
Install with npx untitledui@latest add pricing-sections. Each pricing variant supports multiple tiers, feature comparison lists, and billing toggle switches. Customize plans, prices, and CTAs to match your product offering.