Carregando…Carregando…Carregando…Carregando…Simplex-noise-driven particle vortex with additive glow — adapted from Aceternity UI.
Vórtice de partículas guiadas por ruído simplex
Kikito CN
$ npx kikitocn add vortex@/lib/utilsmotionsimplex-noise| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
children | ReactNode | undefined | Conteúdo sobre o vórtice |
particleCount | number | 700 | Quantidade de partículas |
rangeY | number | 100 | Dispersão vertical do nascimento das partículas |
baseHue | number | 220 | Matiz base (HSL) das partículas |
baseSpeed | number | 0 | Velocidade base |
rangeSpeed | number | 1.5 | Variação de velocidade |
baseRadius | number | 1 | Raio base do traço |
rangeRadius | number | 2 | Variação de raio |
backgroundColor | string | '#000000' | Cor de fundo do canvas |
className | string | — | Classes do conteúdo |
containerClassName | string | — | Classes do container externo |
import { Vortex } from "@/components/ui/cn/vortex/Vortex";
export function VortexExample() {
return (
<Vortex>
Vortex
</Vortex>
);
}