A disc of baked cloudy paint in a coral palette under an overlay grain tile, for avatars or spot art. Below 48px it drops the grain and raises contrast and saturation so the clouds still read.
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/cloudy-nimbus-coralnpx shadcn add @01orbital/cloudy-nimbus-coralyarn shadcn add @01orbital/cloudy-nimbus-coralbunx --bun shadcn add @01orbital/cloudy-nimbus-coralPart 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/cloudy-nimbus-coral.tsx, as source you own and edit.
import { CloudyNimbusCoral } from "@/components/orbs/cloudy-nimbus-coral"
export default function CloudyNimbusCoralDemo() {
return (
<div className="relative isolate grid min-h-full w-full flex-1 place-items-center overflow-hidden bg-background py-24 text-foreground">
<CloudyNimbusCoral size={200} />
</div>
)
}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.
Bloom Orb
A pale modelled sphere for light surfaces that blooms to an accent color with a slight lift on hover, its own or its parent group's. The shadow stack derives from the body and shade colors.
Cloudy Nimbus Lilac
The Cloudy Nimbus disc in lilac: a pre-rendered cloud painting clipped to a circle with overlay grain. Baked at 384px, so keep it at or under that size; small discs switch to a crisper, grainless look.