Skip to content

Particles Paint

particles.paint groups particle fill and stroke style options.

Example

ts
particles: {
  paint: {
    fill: {
      enable: true,
      color: {
        value: ["#60a5fa", "#a78bfa", "#f472b6"],
      },
    },
    stroke: {
      width: 1,
      color: {
        value: "#ffffff",
      },
    },
  },
}

Fill (particles.paint.fill)

  • Defines the particle inner color.
  • Supports static values, arrays, and color animation.

Stroke (particles.paint.stroke)

  • Defines outline width and color.
  • Useful to increase shape contrast.

Source reference