Accent-colored banner with a New badge before the message, an arrow link to the feature and a dismiss button. A shorter line swaps in on small screens.
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/banner-06npx shadcn add @01orbital/banner-06yarn shadcn add @01orbital/banner-06bunx --bun shadcn add @01orbital/banner-06Part 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/banner/banner-06/index.tsx, as source you own and edit.
import Banner06 from "@/components/blocks/banner/banner-06"
export default function Example() {
return <Banner06 />
}Registry pieces it installs with it:
badgebannerNeoconstruct Event Banner
Neoconstruct banner on cream paper with a hard ink rule below: a red Ribbon Badge for the seats left, the workshop notice, and a small Neoconstruct button with an arrow and an offset shadow that keeps its label on phones.
Primary Color Banner
Centered announcement bar filled with the primary color and primary-foreground text, an arrow link and a dismiss button; the message shortens below the sm breakpoint.