Decorative chart where an orb climbs an accelerating curve drawn in currentColor, leaving a bright trail over a faint remainder. A CSS-only loop with adjustable duration; reduced motion shows it finished.
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/growth-curvenpx shadcn add @01orbital/growth-curveyarn shadcn add @01orbital/growth-curvebunx --bun shadcn add @01orbital/growth-curvePart 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/graphics/growth-curve.tsx, as source you own and edit.
import { GrowthCurve } from "@/components/graphics/growth-curve"
export default function GrowthCurveDemo() {
return (
<div className="relative h-60 w-full max-w-3xl">
<GrowthCurve />
</div>
)
}Prop
Type
npm: cn. The CLI installs them for you.
No other registry pieces.
Glass Icon
Rounded glass tile that frames a single icon, using the kit's glaze surface and glass-edge utilities with scene foreground ink. Sized for a 36px icon and meant for dark art surfaces.
Orbit System
Orbital diagram with two dashed rings, a chambray planet and two smaller moons in cocoa and celadon, painted with Orbital v4 orbs. Absolutely centred and scaled down on small screens.