Carregando…

Glowing Effect

Display

A conic border glow that rotates to point at the cursor — drop as an absolute sibling inside a relative card. Adapted from Aceternity UI.

Instalação via CLI

$ npx kikitocn add glowing-effect

Interno:

@/lib/utilsmotion

Exemplo de uso

Glowing EffectExample.tsx

import { GlowingEffect } from "@/components/ui/cn/glowing-effect/GlowingEffect";

export function GlowingEffectExample() {
  return (
    <GlowingEffect variant="default" />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`spread`	`number`	`20`	Abertura angular (graus) do arco de glow
`proximity`	`number`	`0`	Margem (px) além da borda em que ativa
`inactiveZone`	`number`	`0.7`	Fração central inativa
`glow`	`boolean`	`false`	Força o glow sempre visível
`disabled`	`boolean`	`false`	Desliga o efeito (borda estática)
`borderWidth`	`number`	`1`	Largura (px) da borda de glow
`blur`	`number`	`0`	Blur (px) do glow
`variant`	`'default' \| 'white'`	`'default'`	Paleta

Voltar para Display

Carregando…