A full-bleed Celestograph plate that fills its parent as a card or board cover. Four named palettes, plate species such as marble and nebula, and it repaints as the box resizes.
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/celestograph-covernpx shadcn add @01orbital/celestograph-coveryarn shadcn add @01orbital/celestograph-coverbunx --bun shadcn add @01orbital/celestograph-coverPart 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/celestograph/celestograph-cover.tsx, as source you own and edit.
import { CelestographCover } from "@/components/celestograph/celestograph-cover"
export default function Demo() {
return (
<div className="relative aspect-video w-full max-w-2xl overflow-hidden rounded-2xl">
<CelestographCover from="enceladus" palette="delft" />
</div>
)
}Prop
Type
It also accepts the HTML attributes of the element it renders.
npm: @base-ui/react, cn. The CLI installs them for you.
No other registry pieces.
Celestograph Avatar Base
A lightweight seeded avatar made of three CSS gradients and grain, with no canvas or engine. Four pinned palettes, warmth, tarn, delft and lichen, or anchors of your own.
Celestograph Image
An image whose loading and failure state is a Celestograph plate seeded from the alt text. The photo fades in over the plate; with no source, the plate stands in as the picture.