Docs
Fluid Particle
Fluid Particle
A fluid particle background made with SVGs, fully customizable using Tailwind CSS.
Installation
pnpm dlx shadcn@latest add "https://designali.in/r/styles/default/flickering-grid"
Props
| Prop | Type | Description | Default |
|---|---|---|---|
| particleDensity | number | Number of particles rendered | 100 |
| particleSize | number | Size of each individual particle | 1 |
| particleColor | string | Default color of the particles | "#555555" |
| activeColor | string | Particle color when activated (e.g., on interaction) | "#ffffff" |
| maxBlastRadius | number | Maximum radius for particle burst effect | 300 |
| hoverDelay | number | Delay (in seconds) before particles react to hover | 1 |
| interactionDistance | number | Distance from pointer within which particles react | 100 |