Aurora Shimmer
Buttons
Solar Flare Loader
A compact, glowing circular loader with a rotating flare arc.
Customize
ADVERT
Overview
Solar Flare Loader is a small, cinematic loading indicator built from a glowing core, a rotating flare arc and a soft halo. It sits comfortably inside hero areas or inline sections, giving you a premium loading state that feels at home in space‑themed or dark product surfaces.
Props
Use the props below to customise the solar flare loader in your own React application.
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| label | string | No | Loading Reactverse | Optional text label shown beneath the loader and exposed via aria-label for accessibility. |
| colors | string[] | No | ["#f97316", "#fb923c", "#fed7aa"] | Array of up to three hex colors used for the core, flare arc and halo glow. |
| intensity | number | No | 1 | Overall strength of the glow and emissive lighting around the flare. Lower values feel softer, higher values feel punchier. |
| speed | number | No | 1 | Rotation speed multiplier for the orbiting flare arc. Use lower values for gentle loading states and higher values for more urgency. |
| minHeight | number | string | No | 140 | Minimum height for the loader container. Accepts a number (pixels) or any valid CSS height string. |
| className | string | No | undefined | Optional custom class name for the root container so you can control outer layout and spacing. |
Related React components
More components from the same category or sharing similar tags.
