Stars Background

Backgrounds

Twinkling star field background rendered on canvas — adapted from Aceternity UI.

Campo de estrelas cintilantes em canvas

Instalação via CLI

$ npx kikitocn add stars-background

Interno:

@/lib/utils

Exemplo de uso

Stars BackgroundExample.tsx

import { StarsBackground } from "@/components/ui/cn/stars-background/StarsBackground";

export function StarsBackgroundExample() {
  return (
    <StarsBackground />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`starDensity`	`number`	`0.00015`	Estrelas por pixel² de área
`allStarsTwinkle`	`boolean`	`true`	Se todas as estrelas cintilam (ou só uma fração)
`twinkleProbability`	`number`	`0.7`	Chance de uma estrela cintilar quando allStarsTwinkle=false
`minTwinkleSpeed`	`number`	`0.5`	Velocidade mínima de cintilação (s)
`maxTwinkleSpeed`	`number`	`1`	Velocidade máxima de cintilação (s)
`className`	`string`	—	Classes CSS extras

Voltar para Backgrounds

Carregando…