# cra-template-particles-typescript

> Official TypeScript React tsParticles template

Latest version **4.4.0** (published 2026-08-31) · MIT license · 227 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install cra-template-particles-typescript
pnpm add cra-template-particles-typescript
yarn add cra-template-particles-typescript
bun add cra-template-particles-typescript
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 4.4.0 |
| Published | 2026-08-31 |
| First published | 2026-04-15 |
| Weekly downloads | 227 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 14 |
| Unpacked size | 41.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 8980 |
| Author | Matteo Bruni |
| Maintainers | matteobruni |
| Keywords | front-end, frontend, tsparticles, particles.js, particlesjs, particles, particle, canvas, jsparticles, xparticles, particles-js, particles-bg, particles-bg-vue, particles-ts, particles.ts, react-particles-js, react-particles.js, react-particles, react, reactjs, vue-particles, ngx-particles, angular-particles, particleground, vue, vuejs, preact, preactjs, jquery, angularjs, angular, typescript, javascript, animation, web, html5, web-design, webdesign, css, html, css3, animated, background, confetti, canvas, fireworks, fireworks-js, confetti-js, confettijs, fireworksjs, canvas-confetti |

## Links

- npm: https://www.npmjs.com/package/cra-template-particles-typescript
- Repository: https://github.com/tsparticles/tsparticles
- Homepage: https://particles.js.org
- Issues: https://github.com/tsparticles/react/issues
- Funding: https://github.com/sponsors/matteobruni
- npm.io page: https://npm.io/package/cra-template-particles-typescript

## Dependencies (14)

- [tslib](https://npm.io/package/tslib.md) ^2.8.1
- [typescript](https://npm.io/package/typescript.md) ^6.0.2
- [web-vitals](https://npm.io/package/web-vitals.md) ^5.2.0
- [@types/jest](https://npm.io/package/@types/jest.md) ^30.0.0
- [@types/node](https://npm.io/package/@types/node.md) ^25.6.0
- [tsparticles](https://npm.io/package/tsparticles.md) 4.4.0
- [@types/react](https://npm.io/package/@types/react.md) ^19.2.14
- [@types/react-dom](https://npm.io/package/@types/react-dom.md) ^19.2.3
- [@tsparticles/react](https://npm.io/package/@tsparticles/react.md) 4.4.0
- [@tsparticles/engine](https://npm.io/package/@tsparticles/engine.md) 4.4.0
- [@testing-library/dom](https://npm.io/package/@testing-library/dom.md) ^10.4.1
- [@testing-library/react](https://npm.io/package/@testing-library/react.md) ^16.3.2
- [@testing-library/jest-dom](https://npm.io/package/@testing-library/jest-dom.md) ^6.9.1
- [@testing-library/user-event](https://npm.io/package/@testing-library/user-event.md) ^14.6.1

## Alternatives

- [@luma.gl/experimental](https://npm.io/package/@luma.gl/experimental.md) — 77.1K weekly downloads
- [persona-harness](https://npm.io/package/persona-harness.md) — 4.7K weekly downloads
- [@tsparticles/effect-bubble](https://npm.io/package/@tsparticles/effect-bubble.md) — 4.6K weekly downloads
- [f3d](https://npm.io/package/f3d.md) — 730 weekly downloads
- [spark-html-motion](https://npm.io/package/spark-html-motion.md) — 298 weekly downloads

## Recent versions

- 4.4.0 (latest) — 2026-08-31
- 4.0.0-beta.17 (beta) — 2026-05-15
- 4.3.2 — 2026-07-10
- 4.3.1 — 2026-07-01
- 4.3.0 — 2026-06-27
- 4.2.1 — 2026-06-19
- 4.2.0 — 2026-06-17
- 4.1.3 — 2026-06-03
- 4.1.2 — 2026-06-01
- 4.1.1 — 2026-05-31
- 4.1.0 — 2026-05-29
- 4.0.5 — 2026-05-19
- 4.0.4 — 2026-05-19
- 4.0.3 — 2026-05-18
- 4.0.2 — 2026-05-16
- … 4 more at https://npm.io/package/cra-template-particles-typescript/versions

## README

[![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)

# cra-template-particles-typescript

This is the official TypeScript template for [React tsParticles](https://github.com/tsparticles/tsparticles) with [Create React App](https://github.com/facebook/create-react-app).

To use this template, add `--template particles-typescript` when creating a new app.

For example:

```sh
npx create-react-app my-app --template particles-typescript

# or

yarn create react-app my-app --template particles-typescript
```

For more information, please refer to:

- [Getting Started](https://create-react-app.dev/docs/getting-started) – How to create a new app.
- [User Guide](https://create-react-app.dev) – How to develop apps bootstrapped with Create React App.
- [Particles Guide](https://github.com/tsparticles/tsparticles) - How to customize tsParticles options.
- [Particles Demo](https://particles.js.org) - tsParticles demo website.

---
_Source: https://npm.io/package/cra-template-particles-typescript · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._