Aurora Background

Backgrounds

Flowing animated color bands reminiscent of an aurora, behind children — adapted from Aceternity UI.

Faixas de gradiente animadas lembrando aurora boreal

Construído com Kikito CN

Instalação via CLI

$ npx kikitocn add aurora-background

Interno:

@/lib/utils

Exemplo de uso

Aurora BackgroundExample.tsx

import { AuroraBackground } from "@/components/ui/cn/aurora-background/AuroraBackground";

export function AuroraBackgroundExample() {
  return (
    <AuroraBackground>
      Aurora Background
    </AuroraBackground>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`ReactNode`	—	Conteúdo sobre a aurora
`showRadialGradient`	`boolean`	`true`	Fade radial recortando a aurora pro canto superior direito
`className`	`string`	—	Classes CSS extras

Voltar para Backgrounds

Carregando…