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.

ReactTypeScriptTailwind CSSNext.js

inventory_2What's included

check_circlePricingTable.tsx — drop-in React component
check_circlePricingTableDemo.tsx — working demo page with sample data
check_circleREADME.md — usage guide and props reference
check_circleZero extra dependencies — React + Tailwind only
check_circleTypeScript types included
check_circleCSS variable theming — 7 variables to match your brand

£9

One-time payment · no subscription

lockSecure checkout via Stripe

downloadInstant delivery after payment

workspace_premiumBuilt and tested by practitioners

devicesWorks with: Next.js 14+, React 18+, Tailwind CSS v3/v4

More like this

UI Components

Onboarding Pages Pack

16 production-ready onboarding page components for SaaS apps. 8 screens × 2 layouts (Centered + Stepped with progress bar) — every component you need to take a new user from signup to dashboard. Each file is self-contained with zero shared imports. Drop in only the screens you need, or use the full 8-step flow. CSS variable theming with --onboarding-* namespace — swap the accent colour in one line. Includes a scrollable dev gallery showing all 16 variants side by side, plus a full README with props reference and CSS variable documentation.

£19Viewarrow_forward

UI Components

Billing Pages Pack

£29Viewarrow_forward

UI Components

Empty States Pack

12 production-ready empty state components for your SaaS. No results, errors, empty inbox, offline, no access, and more — each with an abstract geometric illustration that picks up your brand colour via CSS variables. Single component API plus named imports. React + Tailwind, zero dependencies, Server Component compatible.

£9Viewarrow_forward