Menus & navigation
Rose window radial menu
A cathedral rose window that unfolds petal by petal into six options — crown, dove, leaf, sun, star and lily. It is an ornate radial menu for heritage brands, luxury goods, museums and editorial sites that want craft over minimalism.
- 7.4 KB compiled
- 420 × 360 artboard
- 1 input
- 9 runtimes
How it works
- isOpen moves between Closed and Open.
- The panes unfold outward around the centre like a stained-glass window.
- Each pane has its own click animation.
| Input | Type | What it does |
|---|---|---|
isOpen | Boolean | Unfolds the rosette (true) or closes it (false). |
When to use it
- Luxury, heritage and fashion brands
- Museum and cultural sites
- Wedding and event pages
Accessibility
Pair the symbols with text labels for assistive tech; the ornate glyphs are not self-explanatory.
Also searched as: stained glass menu · ornate radial menu · circular navigation
Use it in your app
One component, one file. Pick your stack:
import { ExodeUICanvas } from 'exodeui';
export function RoseWindowRadialMenu() {
return (
<ExodeUICanvas
src="/rose-window-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
How many options does it support?
Six, arranged radially. Add or remove panes in the editor.
Can I recolour the glass?
Yes — each pane is a shape with its own fill.
More menus & navigation
Make it yours in ExodeUI.
Change the colours, the timing, the logic — then ship the same file.