Particle Delete
Premium physics-driven particle dissolution delete animation that rasterizes components into thousands of authentic tiny pixels and disperses them smoothly before state removal.
Active Resources3
Edge Cluster (iad-1)Infra
12 active workers · 42ms latency
Prod Session VaultSecurity
RSA-4096 secret pair · Token rotation active
L2 Memory CacheDatabase
1.2 GB stored · 99.8% hit ratio
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/particle-delete
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| onDelete | () => void | — | Callback invoked after the particle dissolution finishes to remove state |
| options.duration | number | 850 | Animation duration in milliseconds |
| options.force | number | 1.0 | Outward velocity multiplier for particle dispersion |
| options.particleSize | number | 1.5 | Visual diameter of individual particles in pixels |
| options.dissolvePattern | 'center-first' | 'edges-first' | 'uniform' | 'random' | 'center-first' | Dissolution spread delay algorithm |
| options.sampleStep | number | 2 (desktop) / 3 (mobile) | Pixel sampling step interval |