Pricing With Usage Slider

A two-column pricing section with a display-count toggle group that animates the price digits and lists core features plus add-on pricing.

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

import Pricing from "@/components/ui/pricing-13";

export default function PricingDemo() {
  return (
    <div className="w-full px-4 py-10">
      <Pricing />
    </div>
  );
}