Dark hero on a CornerBloom ground with a MoonSphere at top right on wider screens, a left-aligned headline and two buttons, and a four-entry changelog strip below with Geist Mono dates.
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/offset-hero-02npx shadcn add @01orbital/offset-hero-02yarn shadcn add @01orbital/offset-hero-02bunx --bun shadcn add @01orbital/offset-hero-02Part 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/blocks/hero/offset-hero-02/index.tsx, as source you own and edit.
import OffsetHero02 from "@/components/blocks/hero/offset-hero-02"
export default function Example() {
return <OffsetHero02 />
}npm: cn. The CLI installs them for you.
Registry pieces it installs with it:
buttonfont-geist-monoMinimal Left-Aligned Hero
Plain left-aligned hero: a small eyebrow, a large headline, a description and a primary and a ghost button. Theme tokens only, light and dark.
Navbar Hero with Art Tiles
Dark hero with its own Navbar (links, a search field, Log in and Sign up buttons) above a centered Announcement, Instrument Serif headline and one button, surrounded by scattered CelestographCover and ContourField tiles.