A pale ceramic sphere for light surfaces with a soft highlight, inner shading and a blurred contact shadow beneath it. A three-color palette sets the base, highlight and shadow tones.
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/shadow-orbnpx shadcn add @01orbital/shadow-orbyarn shadcn add @01orbital/shadow-orbbunx --bun shadcn add @01orbital/shadow-orbPart 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/orbs/shadow-orb.tsx, as source you own and edit.
import { ShadowOrb } from "@/components/orbs/shadow-orb"
// The palette is the knob: the orb's base, its highlight and the shadow it casts.
const PALETTE = {
orbBase: "oklch(0.87 0.018 75)",
orbHighlight: "oklch(0.95 0.014 75)",
orbShadow: "oklch(0.4 0.03 55 / 0.18)",
} as const
export default function ShadowOrbDemo() {
return <ShadowOrb palette={PALETTE} size={280} />
}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.
Rising Orb Scene
A full-bleed sunrise layer: a warm Rising Orb cut by the bottom edge, a hairline horizon, grain on the disc and a limb glow over a dark sky. Gradient, limb color and size are adjustable.
Terminator Orb
A sphere's day and night line drawn with masked ellipses: phase sets the lit fraction over regolith, ocean or cloud surfaces. Optional twilight spread, atmospheric rim, city lights, airglow and earthshine.