A gallery of real app UI motion — 2000+ screen recordings across 487 apps, filterable by gesture and interaction pattern
tsParticles
A particle effects engine — interactive backgrounds, confetti and fireworks, live-configurable, wrappers for every framework
Content updated · 2026-09-22
What is it · 它是什么
What is tsParticles?
tsParticles is a particle effects engine (successor of particles.js): interactive backgrounds, click fireworks, celebration confetti, falling snow and more. The official Playground lets you edit JSON config with a live preview and copy it straight into your project, with official wrappers for React, Vue, Angular, Svelte and other frameworks. It is the easiest way to make a page feel alive. MIT licensed.
How to use · 怎么用
How to use tsParticles
- Pick a ready-made preset in the Playground and tweak it live.
- Copy the generated config into your project and install the wrapper for your framework.
- For celebrations (launch/success pages) use the confetti preset directly.
Key features · 核心特点
Key features of tsParticles
- Rich presets with live preview
- Official wrappers for major frameworks
- Interaction hooks (click/hover)
- MIT licensed and free
Related sites
Compose animations by stacking words - fade, up, slide - no keyframes, 3KB core
A front-end playground — a dense hub of motion snippets and experiments