Menu
Rotating Stars
Customize
Radius80
Speed0.45
Thickness0.005
Roundness0
Blur0
Opacity1
X0
Y0
Props
| Property | Type | Default | Description |
|---|---|---|---|
x | number | 0 | Horizontal offset of the trail field center, in normalized (-1 to 1) space. |
y | number | 0 | Vertical offset of the trail field center, in normalized (-1 to 1) space. |
radius | number | 15 | Controls ring spacing/density — higher values pack more concentric trails into view. |
speed | number | 1.5 | Angular rotation speed of the star trails. |
thickness | number | 0.01 | Solid core width of each trail line. |
roundness | number | 1 | Softness of the arc end caps — higher values round the trail tips more. |
blur | number | 0 | CSS blur radius (px) applied to the whole canvas for a true soft-glow look. |
opacity | number | 1 | Overall opacity of the star trails, from 0 (invisible) to 1 (fully opaque). |
color | string | "#8b5cf6" | Base tint color for the star trails. |
className | string | "" | Extra classes applied to the root wrapper div. |
demoContent | boolean | false | Demo-only toggle to overlay sample content on the background preview (not a real component prop). |
xnumberHorizontal offset of the trail field center, in normalized (-1 to 1) space.
Default
0ynumberVertical offset of the trail field center, in normalized (-1 to 1) space.
Default
0radiusnumberControls ring spacing/density — higher values pack more concentric trails into view.
Default
15speednumberAngular rotation speed of the star trails.
Default
1.5thicknessnumberSolid core width of each trail line.
Default
0.01roundnessnumberSoftness of the arc end caps — higher values round the trail tips more.
Default
1blurnumberCSS blur radius (px) applied to the whole canvas for a true soft-glow look.
Default
0opacitynumberOverall opacity of the star trails, from 0 (invisible) to 1 (fully opaque).
Default
1colorstringBase tint color for the star trails.
Default
"#8b5cf6"classNamestringExtra classes applied to the root wrapper div.
Default
""demoContentbooleanDemo-only toggle to overlay sample content on the background preview (not a real component prop).
Default
falseCrafted withbyMohammad Tasin