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.
Loading preview…
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 |