About
Glassmorphism pricing section in a black & red style: frosted-glass plan cards over a dark backdrop with red glow, one red accent, Montserrat type, monthly/yearly toggle and a highlighted plan. Turn the backdrop off to use your own background. Pure React + Tailwind, no dependencies.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Glass Pricing Section to your project and fits it to your theme.
Code
How Glass 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/pricing-section";
export default function DemoOne() {
return <PricingSection />;
}
















