https://github.com/mzusin/mz-particles

TypeScript library for creating particle effects on canvas.
https://github.com/mzusin/mz-particles

javascript-particles particle particle-ts particles particles-js ts-particle ts-particles typescript-particles

Last synced: 20 days ago
JSON representation

TypeScript library for creating particle effects on canvas.

• Host: GitHub
• URL: https://github.com/mzusin/mz-particles
• Owner: mzusin
• License: mit
• Created: 2023-04-21T18:16:03.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-05-07T07:57:46.000Z (over 1 year ago)
• Last Synced: 2024-04-29T03:01:48.917Z (8 months ago)
• Topics: javascript-particles, particle, particle-ts, particles, particles-js, ts-particle, ts-particles, typescript-particles
• Language: JavaScript
• Homepage: https://particles.mzsoft.org/
• Size: 14.9 MB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# ミ☆ mzParticles ☆彡

[![GitHub license](https://img.shields.io/github/license/mzusin/mz-particles)](https://github.com/mzusin/mz-particles/blob/main/LICENSE.md)

![GitHub package.json version](https://img.shields.io/github/package-json/v/mzusin/mz-particles)

[![NPM](https://img.shields.io/badge/npm-particles-brightgreen)](https://www.npmjs.com/package/mz-particles)

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

https://user-images.githubusercontent.com/128969497/234193978-3ca7e010-a3e4-4705-a98e-1c1750d15688.mov

## Live Examples

- [math.mzsoft.org](https://math.mzsoft.org/)

- [svg.mzsoft.org](https://svg.mzsoft.org/)

- [canvas.mzsoft.org](https://canvas.mzsoft.org/)

- [react-input-number.mzsoft.org](https://react-input-number.mzsoft.org/)

## Features ✔️

- Based on [TypeScript](https://www.typescriptlang.org/).

- 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](https://particles.mzsoft.org/pages/basic-usage.html)

### Shapes 

- [Circles](https://particles.mzsoft.org/pages/circles.html)

- [Stars](https://particles.mzsoft.org/pages/stars.html)

- [Triangles](https://particles.mzsoft.org/pages/triangles.html)

### Settings 

- [Settings](https://particles.mzsoft.org/pages/settings.html)

- [Canvas Settings](https://particles.mzsoft.org/pages/canvas-settings.html)

- [Particles Number](https://particles.mzsoft.org/pages/particles-number.html)

- [Particles Settings](https://particles.mzsoft.org/pages/particles-settings.html)

- [Connecting Lines](https://particles.mzsoft.org/pages/connecting-lines.html)

- [Rotation Effect](https://particles.mzsoft.org/pages/rotation-effect.html)

- [Scale Effect](https://particles.mzsoft.org/pages/scale-effect.html)

- [Fade Effect](https://particles.mzsoft.org/pages/fade-effect.html)

------------------------------

## License

[MIT license](https://github.com/mzusin/mz-particles/blob/main/LICENSE.md)

It can be used **for free** in any personal or commercial project :gift: