LoadersProNew
Orbit Dots Loader
Dots run around a circle, speeding up and slowing down like a system spinner. Small and neat.
Customize
color
Based on black-yak-68 by SelfMadeSystem (MIT license) · Terms of use
Props
8 properties| Property | Type | Default | Description |
|---|---|---|---|
| size | number | 64 | Orbit diameter in pixels. |
| dotSize | number | 6 | Dot diameter in pixels. |
| count | number | 6 | Number of dots on the orbit. |
| color | string | "#fafafa" | Dot color. |
| speed | number | 1 | Seconds per step; a full cycle takes five steps. |
| spread | number | 60 | How far apart the dots start, in degrees. |
| label | string | "Loading" | Text for screen readers. |
| className | string | — | Classes for the wrapper. |
Dependencies
2 required packages
npm install clsx tailwind-merge