Carregando…Carregando…Carregando…Carregando…Configurable twinkling particle field driven by the tsparticles engine (density, twinkle speed, size, color) — adapted from Aceternity UI.
Sparkles — campo de partículas do tsparticles (clique adiciona mais)
Kikito CN
$ npx kikitocn add sparkles@/lib/utilsmotion@tsparticles/react@tsparticles/engine@tsparticles/slimimport { Sparkles } from "@/components/ui/cn/sparkles/Sparkles";
export function SparklesExample() {
return (
<Sparkles />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
id | string | — | Id do container (default: gerado) |
background | string | 'transparent' | Cor de fundo do campo |
minSize | number | 1 | Tamanho mínimo da partícula (px) |
maxSize | number | 3 | Tamanho máximo da partícula (px) |
speed | number | 4 | Velocidade do twinkle (animação de opacidade) |
particleColor | string | 'var(--ks-foreground)' | Cor da partícula (resolvida em runtime) |
particleDensity | number | 120 | Quantidade de partículas |
className | string | — | Classes CSS extras |