跳到正文
前端学习导航站
English (语言)

推荐一个站点

填个名字和网址,提交后会在 GitHub 打开推荐页,确认后即完成推荐。

粒子特效引擎:交互背景、纸屑、烟花,配置实时预览,什么框架都能接

内容更新日期 · 2026-09-22

What is it · 它是什么

什么是 tsParticles

tsParticles 是一个粒子特效引擎(粒子库 particles.js 的继任者):交互式背景、点击烟花、庆祝五彩纸屑、雪花下落……官网 Playground 里改 JSON 配置实时看效果,复制就能用;React、Vue、Angular、Svelte 等主流框架都有封装。给页面加「活着」的感觉,它是最省事的库。MIT 开源。

How to use · 怎么用

怎么用 tsParticles

  1. 去官网 Playground 挑一个现成预设,改配置实时预览。
  2. 复制生成的配置进项目,装对应框架的封装包。
  3. 庆祝场景(发布/成功页)直接用 confetti 预设。

Key features · 核心特点

tsParticles 的核心特点

  • 丰富的现成预设与在线实时预览
  • 主流框架全有官方封装
  • 交互事件(点击/悬停)联动
  • MIT 开源免费

同类推荐

主流 App 的界面动效录屏库:2000+ 条覆盖 487 个应用,按手势/交互模式筛选