Spotlight New

Backgrounds

Two mirrored beam groups oscillating in X for a dual-spotlight backdrop — adapted from Aceternity UI.

Spotlight New — holofote duplo animado

Kikito CN

Instalação via CLI

$ npx kikitocn add spotlight-new

Interno:

@/lib/utilsmotion

Exemplo de uso

Spotlight NewExample.tsx

import { SpotlightNew } from "@/components/ui/cn/spotlight-new/SpotlightNew";

export function SpotlightNewExample() {
  return (
    <SpotlightNew />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`gradientFirst`	`string`	—	Gradiente da faixa maior (default: tom de patina)
`translateY`	`number`	`-350`	Deslocamento vertical (px) das faixas
`duration`	`number`	`7`	Duração (s) da oscilação
`xOffset`	`number`	`100`	Amplitude (px) da oscilação em X

Voltar para Backgrounds

Carregando…