Carregando…Carregando…Carregando…Carregando…Canvas animation with floating particles and connecting lines network.
Particle Field — canvas animation with floating connected particles
$ npx kikitocn add particle-fieldimport { ParticleField } from "@/components/ui/cn/particle-field/ParticleField";
export function ParticleFieldExample() {
return (
<ParticleField />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
count | number | 60 | Número de partículas |
color | string | — | Cor das partículas e linhas |
speed | number | 1 | Velocidade de movimento |
size | number | 2 | Raio de cada partícula (px) |
width | number | string | '100%' | Largura do canvas |
height | number | string | 400 | Altura do canvas |
className | string | — | Classes CSS extras |