ComponentsEffects
Stars
A decorative field of twinkling lights
Installation
nub add @gpuixui/componentsUsage
import { Stars } from "@gpuixui/fx/stars";
<div style={{ position: "relative", height: 240, overflow: "hidden" }}>
<div style={{ position: "absolute", top: 0, right: 0, bottom: 0, left: 0 }}>
<Stars count={64} seed={11} />
</div>
<EmptyState title="No builds yet" />
</div>;API
| Prop | Type | Default |
|---|---|---|
count | number | 48 |
seed | number | 1 |
minSize | number | 1 |
maxSize | number | 3 |
color | string | theme foreground |
twinkleMs | number | 2_400 |
level | MotionLevel | "slow" |
className | string | — |
style | StateStyle<{ count, reducedMotion, width, height }> | — |
Edit this page on GitHubpackages/fx/docs/stars.mdx