Row of five paper-lit pill bars that rise and fall in a staggered wave, each tinted by its own palette. A status element labelled Loading; reduced motion swaps the wave for a slow 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/bar-wave-loadernpx shadcn add @01orbital/bar-wave-loaderyarn shadcn add @01orbital/bar-wave-loaderbunx --bun shadcn add @01orbital/bar-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/bar-wave-loader.tsx, as source you own and edit.
import { BarWaveLoader } from "@/components/loader/bar-wave-loader"
export default function BarWaveLoaderDemo() {
return (
<>
<BarWaveLoader 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.
Compare
Every Loader component side by side: whether it follows the theme or stays dark, how many parts and custom props it has, and whether it is free. Open one for its preview, API and install.
Breathe Loader
Single paper-lit sphere with a crescent tint that slowly swells and settles on a three-second loop. Sized in pixels; reduced motion replaces the scale change with an opacity fade.