Dark void sphere at the centre with two paper-lit orbs circling it on counter-rotating orbits. Sized in pixels; reduced motion turns the orbits into alternating fades.
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/void-orbit-loadernpx shadcn add @01orbital/void-orbit-loaderyarn shadcn add @01orbital/void-orbit-loaderbunx --bun shadcn add @01orbital/void-orbit-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/void-orbit-loader.tsx, as source you own and edit.
import { VoidOrbitLoader } from "@/components/loader/void-orbit-loader"
export default function VoidOrbitLoaderDemo() {
return (
<>
<VoidOrbitLoader 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.
Rothko Skeleton
Loading placeholder of pulsing bars on a Rothko ground that waits in grisaille and glazes the palette color in when switched to colored. Line count is adjustable; the pulse is opacity only.
Void Transit Loader
Paper-lit sphere crossed diagonally by a dark void that grows as it covers the disc and shrinks as it leaves. Sized in pixels; reduced motion fades the void instead of moving it.