ParticleFx
Optimized for TypeScript

TypeScript Particle Library

Write clean, type-safe interactive canvas layouts with built-in autocompletes.

Leverage native TS compile checks and detailed configuration interfaces to declare shapes, forces, colors, and boundaries.

Open Interactive PlaygroundRead Full API Docs
Interactive Canvas Preview (Hover Me)
terminal
1npm install package-particlefx --save

Why use ImageParticles for TypeScript canvas animations?

First-Class Typings

Shipped directly inside the package, offering inline documentation in VS Code, WebStorm, and other IDEs.

Type-Safe Configs

Prevent runtime bugs by ensuring coordinate numbers, shapes, and media links strictly match API structures.

Modern Build Targets

Supports ESM, CommonJS, and global outputs, fitting perfectly into Vite, Webpack, or Rollup compilers.

Frequently Asked Questions (FAQ)