REVA / NAVIGATION
A menu for every screen.
Open Products → Frameworks → Components to explore three levels of native HTML popovers. Resize the page to reveal the mobile hamburger menu button.
Use Tab to move between controls and Enter or Space to toggle a submenu. Click or tap its label again to close it. Opening Resources closes Products.
This example runs without JavaScript. Click outside to close the menu stack, or press Escape to close the deepest panel.
Your content stays in HTML
A shared template generates desktop and mobile lists; CSS exposes one layout at a time. Nested popovers replace the parent view and include Back controls. Panels scroll when their content exceeds the viewport.
Right-to-left layout
CSS foundation
Tokens, typography and native controls.
Top menu
Responsive, nested navigation.
Forms and controls
Native HTML inputs and controls.
Templates
Planned for a later milestone.
Get started
Link a stylesheet and write HTML.
API reference
CSS tokens and HTML classes.
Contact
Example destination for navigation testing.