☰
Your Menu
Your subtitle here
✅ Apply changes
🔄 Reset
👁 Preview
⚙️ Project settings
Project name:
💾 Save project
▶ Load project
🗑 Delete
My projects:
Saves the whole project: all editor settings + menu items + iframe content. Restores last saved state.
📐 Menu layout
Menu width (px):
Tip: 180–320px. Default 250px.
Menu gap to content (px):
Menu padding X (px):
Menu padding Y (px):
Menu border width (px):
Menu border color:
Menu border radius (px):
Enable to round menu corners (similar to Buttons radius).
Main padding-left (px) – “flush to menu”:
Tip: set Gap = 0 and Main padding-left = 0 for “menu flush to content”.
🧩 Content Layout
Iframe fullscreen (hide background)
Removes main padding and background.
Iframe fills the entire content area.
🎨 Colors
Arial
Verdana
Tahoma
Segoe UI
Georgia
Times New Roman
Courier New
Page Background
Menu
Menu Background
Menu Background Mode
Solid
Gradient
Gradient Left:
Gradient Right:
Gradient Angle (deg):
Buttons and texts
Buttons – Text
Buttons – Hover BG
Menu Title – Text
Menu Subtitle – Text
Menu Title – Border
Content – Text
Buttons – Active Stripe
Buttons – Hover Text
Buttons Hover Background
Solid
Gradient
Gradient Left:
Gradient Right:
Gradient Angle (deg):
Logo & Map
Bottom Logo – Background
Bottom Logo – Top Border
Map – Border
Background
Solid Color
Gradient
Image
Color (for “Solid Color”):
Image URL (for “Image”):
Content – BG Left
Content – BG Right
Tip: Image uses cover + centered, with fallback to left gradient color.
Ultimate Color (Global)
Enable
Ultimate Color (covers Menu + Main)
Color
Gradient
Picture URL
Color:
Image URL:
Gradient Left:
Gradient Right:
Gradient Angle (deg):
When enabled, Menu and Main backgrounds become transparent and this layer becomes the single background.
🔤 Typography
Menu Title Font Size (px):
Menu Title Alignment:
Left
Center
Right
Menu Title Font:
Arial
Verdana
Tahoma
Segoe UI
Georgia
Times New Roman
Courier New
Inter
Roboto
Open Sans
Lato
Montserrat
Poppins
Raleway
Nunito
Oswald
Playfair Display
Merriweather
Source Serif 4
Source Sans 3
System UI
UI Serif
UI Mono
Menu Title Bold:
Menu Title Padding (px):
Enable
Menu subtitle:
Menu Buttons Font:
Inherit (page)
Arial
Verdana
Tahoma
Segoe UI
Georgia
Times New Roman
Courier New
Inter
Roboto
Open Sans
Lato
Montserrat
Poppins
Raleway
Nunito
Oswald
Playfair Display
Merriweather
Source Serif 4
Source Sans 3
System UI
UI Serif
UI Mono
Buttons Font Size (px):
Buttons Alignment:
Left
Center
Right
Content Heading font:
Arial
Verdana
Tahoma
Segoe UI
Georgia
Times New Roman
Courier New
Inter
Roboto
Open Sans
Lato
Montserrat
Poppins
Raleway
Nunito
Oswald
Playfair Display
Merriweather
Source Serif 4
Source Sans 3
System UI
UI Serif
UI Mono
Content Font Size (px):
Content Alignment:
Left
Center
Right
Content Heading Bold:
Content Heading Padding (px):
Show content headings
🗺️ Map
Map (URL or <iframe>):
Map Height (px):
Map Border Radius (px):
Show map
🖼️ Upper Logo
Use the SVG logo format for the best result
Logo link:
Logo size (px):
Show Upper Logo
🖼️ Bottom Logo
Use the SVG logo format for the best result
Logo link:
Logo Size (px):
Show Bottom logo
🖱️ Buttons
Border Radius (px):
Padding (px):
Border Width (px):
Font Weight:
Normal
Bold
Text Transform:
None
Uppercase
Capitalize
Shadow:
None
Small
Medium
Strong
✏️ Edit menu
Menu title:
Add item
Update Menu
📚 Toggle Menu settings
Enable
Enable collapsible menu (show ☰)
Start collapsed (only ☰ visible)
When disabled, ☰ is hidden and the menu cannot be collapsed.
Toggle button colors
Toggle BG:
Toggle Text:
Toggle Border:
Toggle Hover BG:
🎨 Design Presets
Choose preset:
— Select —
Clean Light
Golf Natural
Dark Elegant
Aurora Night (Neon / Glass)
Terrazzo Studio (Warm / Playful)
Sakura Minimal (Pastel)
Blueprint Pro (Tech)
Monochrome Editorial
Desert Sunset (Warm Gradient)
Swiss Grid (Sharp / Minimal)
Brutalist Poster (Hard / Bold)
Noir Cinema (Film / Luxe)
Coastal Glass (Airy / Glass)
Forest Cabin (Wood / Warm)
Retro CRT (Neon / Retro)
Midnight Gold (Luxury)
Ticket Stub (Corners / Fun)
Save current as preset:
💾 Save preset
My presets:
Delete
▶ Apply preset
Preset sets colors + typography + basic layout. Menu items/content are not changed.
Export (HTML & IFRAME)
➊ IFRAME (data URL) – recommended
📋 Copy IFRAME (data URL)
➋ IFRAME (srcdoc) – alternative
📋 Copy IFRAME (srcdoc)
➌ Full exported HTML (standalone page)
📋 Copy HTML
⬇️ Download .html
Preview (export view)
Open in new tab
✕ Close