Glow Card

Display

Card with mouse-tracked radial glow effect via CSS custom properties.

Glow Card — radial glow follows mouse position

🚀

Patina Glow

Hover to see the effect

⚡

Kinpaku Glow

Hover to see the effect

Instalação via CLI

$ npx kikitocn add glow-card

Exemplo de uso

Glow CardExample.tsx

import { GlowCard } from "@/components/ui/cn/glow-card/GlowCard";

export function GlowCardExample() {
  return (
    <GlowCard />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`ReactNode`	—	Conteúdo interno do card
`glowColor`	`string`	`'var(--ks-primary)'`	Cor do glow radial
`glowSize`	`number`	`300`	Tamanho do glow em px
`glowOpacity`	`number`	`0.15`	Opacidade do glow (0-1)
`radius`	`number`	`12`	Border-radius do card
`padding`	`number \| string`	`24`	Padding interno
`className`	`string`	—	Classes CSS extras

Carregando…