Sidebar-toned status bar with an archive icon, a message that wraps beside an outline button link to restore, and a dismiss control. Sits above an app shell.
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-08npx shadcn add @01orbital/banner-08yarn shadcn add @01orbital/banner-08bunx --bun shadcn add @01orbital/banner-08Part 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-08/index.tsx, as source you own and edit.
import Banner08 from "@/components/blocks/banner/banner-08"
export default function Example() {
return <Banner08 />
}npm: @phosphor-icons/react, cn. The CLI installs them for you.
Registry pieces it installs with it:
bannerbuttonCompare
Every Banner block side by side: whether it follows the theme or stays dark, the stock parts it is built on, and whether it is free. Open one for its preview, props and install.
Billing Warning Banner
Destructive-tinted alert bar with a faint red ground, red text and a bottom border, carrying a billing warning, an update link and dismiss. The tint deepens in dark mode.