An Orbital V4 orb with optional motion: a breathing scale and opacity pulse, animated film grain, or both. Grain runs only at 120px and up, and all motion stops under reduced motion. Uses Grain.
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/living-orbnpx shadcn add @01orbital/living-orbyarn shadcn add @01orbital/living-orbbunx --bun shadcn add @01orbital/living-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/living-orb.tsx, as source you own and edit.
import { LivingOrb } from "@/components/orbs/living-orb"
export default function LivingOrbDemo({
animated = false,
}: {
animated?: boolean
}) {
return (
<>
<LivingOrb size={240} motion={animated ? "both" : "still"} />
</>
)
}Prop
Type
npm: cn. The CLI installs them for you.
Registry pieces it installs with it:
grainLimned Orb
A flat eclipse silhouette: a dark disc edged by a razor rim light and a soft corona, with grain dithering the falloff. The light angle can turn at the large breakpoint so one orb serves a transposed layout.
Moon Sphere
A single-element sphere lit on one limb: a radial gradient from the lower-left corner runs transparent out to a warm rim color on the far edge. Used for moonrise effects over dark grounds.