Runnable recipe · @scout-ui/react
A campaign StickerNavbar
Give a short campaign site a memorable ribbon navigation without changing anchors, landmarks, or mobile access.
Search terms: playful navbar, campaign, ribbon, mobile menu
Live example
Source
import { StickerNavbar } from "@scout-ui/react/sticker-navbar";
<StickerNavbar brand={<Logo />} items={items} variant="ribbon" />Dependencies
Install @scout-ui/react and the shared @scout-ui/react/styles.css stylesheet. Artwork may come from @scout-ui/stickers or your own source.
Accessibility contract
The example uses a named navigation landmark, anchors, current-page state, and Radix-managed mobile focus.
Motion, touch, and adaptation
Decoration crops on small screens and the complete link set moves into the accessible menu.