Skip to the content

Library/ 29 curtain-menuProNavigation

Curtain Menu

A full-screen menu that unrolls over the page, links rising in turn.

A Pro component: the live demo and the code come with Pro.

Settings

Pro
  • open
  • from
  • duration
  • stagger
Tune it live with Pro

What it does

Curtain Menu is a navigation animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called fullscreen menu, overlay menu or push menu.

Press the menu button and a panel rolls down over the whole page, then each link rises into place in turn. Escape or a click on a link rolls it back up. Focus moves in and out with it, and the page stays still behind.

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.