Rise Menu
A glass bar that rises into a full menu.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- edge
- openOn
- duration
- stagger
- blur
What it does
Rise Menu is a navigation animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called expanding bottom nav or pill to panel menu.
A frosted pill sits at the bottom of the page. Click Menu and its links fold away as the bar grows upward into columns of links, each lifting in turn. Escape or a click outside closes it, and keyboard focus moves into the panel.
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.