ミ☆ mzParticles ☆彡

mzParticles is a TypeScript library for creating particle effects on canvas.

preview.mov

Live Examples

• math.mzsoft.org
• svg.mzsoft.org
• canvas.mzsoft.org
• react-input-number.mzsoft.org

Features ✔️

• Based on TypeScript.
• Supports rotation effect.
• Supports fade in/out effect.
• Supports scale in/out effect.
• Optional connecting lines between particles.
• Allows to combine various effects together.
• Can provide SVG path data as particle shapes.
• Size, color and shape of particles are customizable.
• The library handles window resizes.
• The number of particles and the size of the connecting lines can be different on different devices.

Documentation 🔖

Main

• Basic Usage

Shapes

• Circles
• Stars
• Triangles

Settings

• Settings
• Canvas Settings
• Particles Number
• Particles Settings
• Connecting Lines
• Rotation Effect
• Scale Effect
• Fade Effect

---

License

MIT license

It can be used for free in any personal or commercial project 🎁