Rotating Stars
Customize
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.
0ynumberVertical offset of the trail field center, in normalized (-1 to 1) space.
0radiusnumberControls ring spacing/density — higher values pack more concentric trails into view.
15speednumberAngular rotation speed of the star trails.
1.5thicknessnumberSolid core width of each trail line.
0.01roundnessnumberSoftness of the arc end caps — higher values round the trail tips more.
1blurnumberCSS blur radius (px) applied to the whole canvas for a true soft-glow look.
0opacitynumberOverall opacity of the star trails, from 0 (invisible) to 1 (fully opaque).
1colorstringBase tint color for the star trails.
"#8b5cf6"classNamestringExtra classes applied to the root wrapper div.
""demoContentbooleanDemo-only toggle to overlay sample content on the background preview (not a real component prop).
falseCrafted withbyMohammad Tasin
ReactBytesGet verified guest posts across 100+ sites.
Instant placements, fixed pricing
100+ Sites · 12 Countries
Fixed Pricing · Instant TAT