Band Menu
Four colour bands sweep down and leave a menu over the page.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- open
- duration
- stagger
- cover
- dim
What it does
Band Menu is a navigation animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called layered curtain menu, color band menu or stacked wipe menu.
Pressing the menu button drops four colour bands one after another; they settle into a panel over the page, which dims below, and the links rise in turn. Closing sweeps them back up. Escape closes it and focus stays inside.
With Pro
The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.