Sparkles
Pumki UIInstallation
Usage
import { SparklesCore } from '@/components/pumki-ui/animations/sparkles.tsx';<SparklesCore />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| id | string | auto-generated | Unique ID for the particles container. |
| className | string | - | Custom CSS classes for the wrapper div. |
| background | string | #0d47a1 | Background color of the animation. |
| particleSize | number | - | Size of the particles (overrides min/max). |
| minSize | number | 1 | Minimum particle size. |
| maxSize | number | 3 | Maximum particle size. |
| speed | number | 4 | Speed of the opacity animation. |
| particleColor | string | #ffffff | Color of the particles. |
| particleDensity | number | 120 | Number of particles rendered. |
Last updated on