A beautiful neon card effect.
1import { NeonGradientCard } from "@/components/magicui/neon-gradient-card";
2
3export function NeonGradientCardDemo() {
4 return (
5 <NeonGradientCard className="max-w-sm items-center justify-center text-center">
6 <span className="pointer-events-none z-10 h-full whitespace-pre-wrap bg-gradient-to-br from-[#ff2975] from-35% to-[#00FFF1] bg-clip-text text-center text-6xl font-bold leading-none tracking-tighter text-transparent dark:drop-shadow-[0_5px_5px_rgba(0,0,0,0.8)]">
7 Neon Gradient Card
8 </span>
9 </NeonGradientCard>
10 );
11}