Prime
A React pricing component with a monthly and yearly toggle, built for modern SaaS pricing pages and subscription-based products. This responsive pricing section includes interactive pricing cards and dynamic plan switching, making it ideal for creating a clean and scalable pricing table design. Designed for flexibility, it helps developers build a complete React SaaS pricing page with a smooth toggle UI and customizable plans.
Simple pricing. Real value.
Needed a custom plan?
Let's talk
Basic
Only essentials plan
$0/mo
- Unlimited tracked subscriptions
- Flexible payment options
- Monthly spending summary
- Real-time analytics and reporting
- Advanced data analytics
Pro
For large teams and enterprises
$99/mo
- Everything in Pro
- AI cancellation assistant
- Renewal predictions
- Multi-currency support
- Export and integrations
Needed a custom plan?
Let's talk
Installation
npm i framer-motionStep 1
Components
Page.tsx
Prime.tsx
Select a file to view its code
Step 2
Use Orbit Border
Step 3
Use Linear Reveal