Authored foundations
Examples with boundaries
Six runnable recipes show where each interaction belongs, what stays semantic, and how the experience adapts.
- 01@scout-ui/sticker-trail
A bounded StickerTrail hero
Add one finite pointer flourish to a campaign message while the underlying content remains ordinary and selectable.
- 02@scout-ui/react
A custom-cursor product canvas
Scope a safety-first custom cursor to one visual comparison canvas and restore the native cursor everywhere else.
- 03@scout-ui/react
A campaign StickerNavbar
Give a short campaign site a memorable ribbon navigation without changing anchors, landmarks, or mobile access.
- 04@scout-ui/react
A peel-to-reveal product detail
Reveal optional material information with a named button while keeping both layers mounted and size-stable.
- 05@scout-ui/react
A selectable sticker mood board
Compose Sticker and StickerBadge into a clear category picker where selection remains textual and pressed-state driven.
- 06@scout-ui/react
Stacked testimonial and story cards
Browse three attributed studio notes in a bounded stack with ordinary previous and next controls.