About
Here is Gradient Pricing component
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Gradient Pricing to your project and fits it to your theme.
Code
How Gradient Pricing is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { Component } from "@/components/ui/gradient-pricing";
const Demo = () => {
return (
<div className="w-full bg-white dark:bg-neutral-950">
<Component />
</div>
);
};
export default Demo;