The Cloudy Nimbus disc in a moss palette, baked at 512px for larger placements such as heroes and cards. Grain overlays the paint from 48px up; smaller discs trade it for a half-pixel inner rim.
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-mossnpx shadcn add @01orbital/cloudy-nimbus-mossyarn shadcn add @01orbital/cloudy-nimbus-mossbunx --bun shadcn add @01orbital/cloudy-nimbus-mossPart 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-moss.tsx, as source you own and edit.
import { CloudyNimbusMoss } from "@/components/orbs/cloudy-nimbus-moss"
export default function CloudyNimbusMossDemo() {
return (
<div className="relative isolate grid min-h-full w-full flex-1 place-items-center overflow-hidden bg-background py-24 text-foreground">
<CloudyNimbusMoss 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.
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.
Felt Orb
A teal domed glow on dark felt with coarse and fine grain layers, sized as a section background. Dome opacity acts as the darkness dial, and an optional vignette dissolves the edges for footers and CTAs.