Menus & navigation
Editorial full-screen menu
Oversized, magazine-style type — Work, Studio, Journal, About, Contact — that slides in like a printed index. It is the full-screen menu that agencies, publications and fashion brands reach for when the typography is the design.
- 5 KB compiled
- 420 × 520 artboard
- 1 input
- 9 runtimes
How it works
- isOpen opens and closes the index.
- The oversized entries animate in as the index opens.
- Each entry has its own click animation.
| Input | Type | What it does |
|---|---|---|
isOpen | Boolean | Shows (true) or hides (false) the index. |
When to use it
- Creative agencies and studios
- Magazines and editorial sites
- Fashion and lookbook pages
Accessibility
Full-screen menus need focus management: move focus into the menu when it opens and back to the trigger when it closes.
Also searched as: fullscreen menu · magazine menu · big type navigation
Use it in your app
One component, one file. Pick your stack:
import { ExodeUICanvas } from 'exodeui';
export function EditorialFullscreenMenu() {
return (
<ExodeUICanvas
src="/editorial-menu.bexode"
autoPlay
onReady={(engine) => {
// drive it from your own UI:
// engine.setInputBool('isOpen', true);
}}
/>
);
}React loads the compact .bexode; the other runtimes load the .exode JSON source — both come from the same design.
Questions
Is it responsive?
It is a taller 420×520 artboard that scales to its container; use it as a full-height panel on mobile.
Can I swap the typeface?
Yes — change the font on the text objects in ExodeUI.
More menus & navigation
Make it yours in ExodeUI.
Change the colours, the timing, the logic — then ship the same file.