ComponentsEffects
Particles
A decorative field of drifting motes
Installation
nub add @gpuixui/componentsUsage
import { Particles } from "@gpuixui/fx/particles";
<div style={{ position: "relative", height: 220, overflow: "hidden" }}>
<div style={{ position: "absolute", top: 0, right: 0, bottom: 0, left: 0 }}>
<Particles count={28} seed={7} />
</div>
<Hero copy="Aurora 3.0" />
</div>;API
| Prop | Type | Default |
|---|---|---|
count | number | 24 |
seed | number | 1 |
minSize | number | 2 |
maxSize | number | 5 |
color | string | theme primary |
driftMs | number | 14_000 |
level | MotionLevel | "slow" |
className | string | — |
style | StateStyle<{ count, reducedMotion, width, height }> | — |
Edit this page on GitHubpackages/fx/docs/particles.mdx