Artem

Glass Pricing Section

Pricing

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 />;
}

More by Artem

View all
  • HANZO Secure Shield Hex

    HANZO Secure Shield Hex

    1
  • HANZO Fire Alarm Code

    HANZO Fire Alarm Code

  • HANZO Network LED Dots

    HANZO Network LED Dots

  • HANZO Radar Sweep

    HANZO Radar Sweep

  • HANZO Biometric Braille

    HANZO Biometric Braille

  • HANZO CCTV Binary

    HANZO CCTV Binary

  • HANZO LED Matrix

    HANZO LED Matrix

  • HANZO Laser Curtain

    HANZO Laser Curtain

More in Pricing

View all
  • Pricing Section

    Pricing Section

    667
  • Pricing Card

    Pricing Card

    564
  • Colorful-Pricing

    Colorful-Pricing

    89
  • Pricing Card With Features

    Pricing Card With Features

    181
  • Pricing Section

    Pricing Section

    193
  • pricing section

    pricing section

    170
  • Bento Pricing Component

    Bento Pricing Component

    14
  • Pricing Cards

    Pricing Cards

    32