Valentin Vernejoul

Pricing Section

Component

About

Three-tier pricing section (Free/Pro/Enterprise) with popular badge, feature checklist, and dual CTA styles. Fully configurable via props.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Pricing Section to your project and fits it to your theme.

Code

How Pricing Section is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import PricingSection from "@/components/ui/nova-pricing"

export default function Demo() {
  return <PricingSection />
}