Homechevron_rightPaymentschevron_rightPricing Pages Pack
Pricing Pages Pack
Three production-ready components for your SaaS pricing and upgrade flow — 9 variants total. Drop them in as static marketing pages or wire them directly to your billing API. No extra npm packages.
inventory_2What's included
- check_circlePricingTable — monthly/yearly toggle, up to 4 plans, "popular" badge, CTA (Card · Centered · Stepped)
- check_circlePlanComparison — feature-by-feature grid, sticky plan headers, checkmarks/values/dashes (Card · Centered · Inline)
- check_circleFeatureGateBanner — locked-feature upgrade prompt with CTA (Inline · Modal · Fullpage)
- check_circle9-variant demo gallery
- check_circleREADME with full props reference
- check_circlepricing-pages.zip
helpFrequently asked questions
How do I receive the files after purchase?expand_more
You'll receive an instant download link by email as soon as your payment is confirmed. Files are also available in your account dashboard at any time.
Can I use this in multiple projects?expand_more
Yes. Your purchase includes a perpetual licence for unlimited personal and commercial projects. There are no per-project or per-seat fees.
What tech stack does this use?expand_more
Products are built with Next.js 14+, TypeScript and Tailwind CSS. Check the tech stack badges on this page for the exact dependencies included in this product.
Is documentation included?expand_more
Yes — every product ships with a README covering installation steps, configuration options and a full props reference so you can get up and running quickly.
Do I get future updates?expand_more
Yes. All future updates to this product are free for life. Once you've purchased, check back in your account dashboard to download the latest version.
One-time payment · no subscription
More like this
Payments
Billing Management Pack
Five production-ready in-app billing components for your SaaS — 15 variants total. Covers everything after purchase: plan display, upgrades, invoice history, and cancellation. Pairs naturally with the Pricing Pages Pack. No extra npm packages.
Payments
Pricing Table
A production-ready pricing table for your SaaS. Monthly/yearly toggle, highlighted plan, feature checklist with included/excluded states. Themed with 7 CSS variables — drop it in and change the accent colour without touching the source. React + Tailwind, TypeScript types included.