https://github.com/barrior/jparticles

A lightweight, efficient and easy-to-use Canvas library for building some cool particle effects. (backup: https://jparticles.barrior.cn)
https://github.com/barrior/jparticles

canvas-particles frontend javascript liquidfill loading-animation particle-effects particles snow-effect wave-effect

Last synced: 4 days ago
JSON representation

A lightweight, efficient and easy-to-use Canvas library for building some cool particle effects. (backup: https://jparticles.barrior.cn)

• Host: GitHub
• URL: https://github.com/barrior/jparticles
• Owner: Barrior
• License: mit
• Created: 2016-03-10T10:12:08.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2024-03-21T09:58:00.000Z (about 1 year ago)
• Last Synced: 2025-05-15T07:41:01.495Z (5 days ago)
• Topics: canvas-particles, frontend, javascript, liquidfill, loading-animation, particle-effects, particles, snow-effect, wave-effect
• Language: TypeScript
• Homepage: https://jparticles.js.org
• Size: 1.7 MB
• Stars: 480
• Watchers: 11
• Forks: 36
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# JParticles

[![Testing](https://github.com/Barrior/JParticles/actions/workflows/testing.yml/badge.svg?branch=master)](https://github.com/Barrior/JParticles/actions/workflows/testing.yml)

[![Coverage](https://codecov.io/gh/Barrior/JParticles/branch/master/graph/badge.svg?token=JYojJUPPMW)](https://codecov.io/gh/Barrior/JParticles)

[![Gzip Size](https://img.badgesize.io/https://unpkg.com/[email protected]/browser/jparticles.base.js?compression=gzip)](https://unpkg.com/[email protected]/browser/jparticles.base.js)

[![NPM Version](https://img.shields.io/npm/v/jparticles/latest)](https://www.npmjs.com/package/jparticles)

[![NPM Download](https://img.shields.io/npm/dm/jparticles.svg)](https://www.npmjs.com/package/jparticles)

[![Dependencies](https://img.shields.io/badge/dependencies-none-brightgreen.svg)](https://www.npmjs.com/package/jparticles?activeTab=dependencies)

> 中文 | [English](./README_en.md)

官网：[jparticles.js.org](https://jparticles.js.org/)

### 特效列表

- [粒子运动](https://jparticles.js.org/#/examples/particle)

- [波纹运动](https://jparticles.js.org/#/examples/wave)

- [波纹进度条](https://jparticles.js.org/#/examples/wave-loading)

- [雪花飘落](https://jparticles.js.org/#/examples/snow)

- [线条动画](https://jparticles.js.org/#/examples/line)

### 介绍

`JParticles`（JavaScript Particles 的缩写）是一款基于 `Canvas` 的不依赖于其他库的轻量级 `JavaScript` 粒子运动特效库。提供一些比较绚丽、实用的特效应用于 `WEB` 界面，希望能达到锦上添花的作用，给用户带来些许惊喜。

### 理念

`API` 与源码设计理念信仰 `Write Less, Do More` 和 `Keep It Simple, Stupid`，希望项目是：易于使用的、性能高效的、易于维护的。

### 兼容性

以下是浏览器对库的支持情况（源于此[兼容性表](./docs/compatibility_table.md)），对于不支持的浏览器则会静默地失败：

- IE 9+

- Safari 6+

- Opera 15+

- Firefox 21+

- Chrome 23+

### 交流

如果您遇到问题或者好的建议，欢迎提交到 [issues](https://github.com/Barrior/JParticles/issues) ，万分感谢。

### 更新日志

每个版本详细的更新说明都记录在了 [release](https://github.com/Barrior/JParticles/releases) 列表。

### 协议

[MIT](./LICENSE)

Copyright (c) 2016-present, Barrior