About
A glass-morphism styled pricing section built in React and Tailwind CSS. It displays three plans (Starter, Pro, Enterprise) with rotating gradient borders, inline SVG icons, feature lists, and a highlighted “Most Popular” badge—all wrapped in a responsive layout.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Pricing Page to your project and fits it to your theme.
Code
How Pricing Page is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import PricingPage from "@/components/ui/pricing-page";
export default function DemoOne() {
return <PricingPage/>;
}
















