LoadersProNew
Gear Loader
Four gears in a dark box turn and mesh with each other. Fits build, processing and setup screens.
Customize
color
background
Based on fresh-panther-41 by Nawsome (MIT license) · Terms of use
Props
7 properties| Property | Type | Default | Description |
|---|---|---|---|
| size | number | 200 | Box width in pixels; the height is three quarters of it. |
| speed | number | 3 | Seconds per turn of a small gear. The large one turns twice as slowly. |
| color | string | "#555555" | Gear color. |
| background | string | "#111111" | Color of the box and the gear hubs. |
| framed | boolean | true | Show the box with its inner shadow. |
| label | string | "Loading" | Text for screen readers. |
| className | string | — | Classes for the wrapper. |
Dependencies
2 required packages
npm install clsx tailwind-merge