Split dark hero with headline, description and two buttons beside a SolarFlareTextureScene orb, with a page-colored gradient keeping the text column clear on desktop. Children can replace the art.
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/split-hero-02npx shadcn add @01orbital/split-hero-02yarn shadcn add @01orbital/split-hero-02bunx --bun shadcn add @01orbital/split-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/split-hero-02/index.tsx, as source you own and edit.
import SplitHero02 from "@/components/blocks/hero/split-hero-02"
export default function Example() {
return <SplitHero02 />
}Prop
Type
npm: cn. The CLI installs them for you.
Registry pieces it installs with it:
buttonherosolar-flare-texture-sceneSplit Hero with Eclipse Orb
Split dark hero with an Announcement pill, headline, description and two buttons beside a LimnedOrb eclipse, lit by one warm radial glow from the right edge on desktop and from the bottom on phones.
Wedge Orb Full Poster Hero
Full-width Neoconstruct poster hero: a red wedge drops from the top edge and pierces a painted orb on a diagonal black field, with an angled Oswald headline, a line of copy and one button on the paper. Below 48rem the copy stacks above an upright Wedge Orb poster.