Primary card icon
Powerful and customizable React pricing section template. Compare subscription tiers and features to choose the right plan for your needs. Built with React Aria and Tailwind CSS.
Perfect for:
- SaaS Marketing
- Product Landing Pages
- Subscription Services
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-icon --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.