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.
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/dot-wave-loadernpx shadcn add @01orbital/dot-wave-loaderyarn shadcn add @01orbital/dot-wave-loaderbunx --bun shadcn add @01orbital/dot-wave-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/dot-wave-loader.tsx, as source you own and edit.
import { DotWaveLoader } from "@/components/loader/dot-wave-loader"
export default function DotWaveLoaderDemo() {
return (
<>
<DotWaveLoader size={40} />
</>
)
}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.
Crescent Spin Loader
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.
Eclipse Loader
Paper-lit sphere crossed by a dark void disc that slides in, pauses to cover it and slides out on a four-second loop. Sized in pixels; reduced motion fades the void in place.