Particles

Options inside particles control particle appearance and movement.

Most-used groups

See detailed pages:

particles: {
  number: {
    value: 70,
    density: {
      enable: true,
      area: 800
    }
  }
}

move: {
  enable: true,
  speed: 1.6,
  direction: "none",
  outModes: {
    default: "out"
  }
}

links: {
  enable: true,
  distance: 140,
  opacity: 0.28,
  color: "#7aa0ff"
}

Enables links between particles, useful for "network" hero sections.

palette: "sunset";

Imports colors and blend defaults from a registered palette id.
Populates paint.fill or paint.stroke automatically depending on the palette.
With multi-variant palettes, paint is loaded as an array of variants.
Useful with presets and demos when you want to swap color mood quickly.

shape: {
  type: ["circle", "square"]
},
size: {
  value: {
    min: 1,
    max: 5
  }
},
opacity: {
  value: 0.7
}

Detailed pages: