Gradient HeadingA heading component with customizable gradient text effects.textheadinggradient PreviewCodeDefault Gradient HeadingAccent Gradient HeadingSecondary Gradient HeadingSmall Base WeightCopy"use client" import { GradientHeading } from "@/components/vritti/gradient-heading" export function GradientHeadingDemo() { return ( <div className="space-y-6 p-4"> <GradientHeading variant="default" size="xl" weight="bold"> Default Gradient Heading </GradientHeading> <GradientHeading variant="pink" size="lg" weight="semi"> Accent Gradient Heading </GradientHeading> <GradientHeading variant="secondary" size="md" weight="bold"> Secondary Gradient Heading </GradientHeading> <GradientHeading variant="default" size="sm" weight="base"> Small Base Weight </GradientHeading> </div> ) } Installation CLIManualpnpmnpmyarnbunpnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/gradient-heading"Copy Dependencies pnpmnpmyarnbunpnpm add @radix-ui/react-slotCopy