Paper-lit sphere with a round bite masked out, spinning as a crescent that works on any background. A Loading status sized in pixels; reduced motion turns the spin into a fade.
The source comes with full access.
One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.
pnpm dlx shadcn add @01orbital/crescent-spin-loadernpx shadcn add @01orbital/crescent-spin-loaderyarn shadcn add @01orbital/crescent-spin-loaderbunx --bun shadcn add @01orbital/crescent-spin-loaderPart of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).
It lands at components/loader/crescent-spin-loader.tsx, as source you own and edit.
import { CrescentSpinLoader } from "@/components/loader/crescent-spin-loader"
export default function CrescentSpinLoaderDemo() {
return (
<>
<CrescentSpinLoader size={48} />
</>
)
}Prop
Type
It also accepts the HTML attributes of the element it renders.
npm: cn. The CLI installs them for you.
No other registry pieces.
Cloud Stack Loader
Vertical column of three paper circles that take their color in turn from top to bottom while the others rest in grey. Height sets the size; reduced motion fades instead of scaling.
Dot Wave Loader
Row of four small paper-lit dots that hop in a staggered wave, each in its own tint. Sized by height; reduced motion replaces the hop with an opacity fade.