LoadersNew
Ring Loader
Four thin rings spin at different speeds above a caption. Pure CSS, no animation library.
Customize
color
Based on Loader (MIT license) · Terms of use
More in Pro
View allProps
5 properties| Property | Type | Default | Description |
|---|---|---|---|
| title | string | "Preparing your workspace" | Main line under the rings. |
| subtitle | string | "This takes a few seconds" | Second line. An empty string hides it. |
| size | 'sm' | 'md' | 'lg' | "md" | Size of the rings and text. |
| color | string | "#ffffff" | Ring color. |
| className | string | — | Classes for the wrapper. |
Dependencies
2 required packages
npm install clsx tailwind-merge