Marketing Pricing

A pricing section with a monthly/annual billing toggle, animated price rolls, highlighted plan cards, and an expandable feature comparison table for SaaS marketing pages.

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

import MarketingPricing, {
  MARKETING_PRICING_SAMPLE,
} from "@/components/ui/marketing-pricing";

export default function MarketingPricingDemo() {
  return (
    <div className="w-full">
      <MarketingPricing {...MARKETING_PRICING_SAMPLE} />
    </div>
  );
}