LoadersProNew
Exploding Cube Loader
A glowing cube turns, its faces burst outward and snap back together. A 3D loader in pure CSS.
Customize
faceColor
edgeColor
Based on odd-insect-77 by JkHuger (MIT license) · Terms of use
Props
7 properties| Property | Type | Default | Description |
|---|---|---|---|
| size | number | 80 | Cube edge in pixels. |
| faceColor | string | "rgba(255, 255, 255, 0.06)" | Face fill. Keep it translucent to see the inner edges. |
| edgeColor | string | "#fafafa" | Color of the edges and their glow. |
| speed | number | 3 | Seconds for the turn, burst and snap back. |
| glow | boolean | true | Glow around the edges. |
| label | string | "Loading" | Text for screen readers. |
| className | string | — | Classes for the wrapper. |
Dependencies
2 required packages
npm install clsx tailwind-merge