Glowing Pricing Tiers

A sleek pricing section with an interactive monthly/yearly toggle and an animated, spinning gradient border for the popular tier. Ideal for modern SaaS and apps.

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

import React from "react";
import Component from "@/components/ui/glowing-pricing-tiers";

export default function Demo() {
  return (
    <div className="min-h-[800px] w-full bg-background flex items-center justify-center p-4 md:p-8">
      <Component />
    </div>
  );
}