Preview & Edit
📝 HTML Code Input
🔄 Update Preview
🗑️ Clear All
✏️ Enable Editing
🔒 Disable Editing
💾 Sync HTML
📱 Mobile View
💻 Desktop View
iPad Vertical Mode
iPad Horizontal Mode
Mobile Edit Mode
Off
Click an element in the Live Preview to edit its properties.
×
Font:
Inherit
Arial
Verdana
Georgia
Times New Roman
Courier New
Inter (Default)
Size:
Inherit
12px
14px
16px
18px
20px
24px
32px
48px
Text:
BG:
Highlight:
Button/Link Properties
Link URL:
Apply Link
Target:
Same Tab
New Tab
Button Text:
Apply Text
Clear Text
BG Image URL:
Apply Img
Clear Img
Button BG:
Hover BG:
Gradient:
Direction:
To Right
To Bottom
To Top Left
To Top Right
To Bottom Left
To Bottom Right
Radial (Circle)
Radial (Ellipse)
Clear Gradient
Image Properties
Image URL:
Replace
Hide/Show (Mobile)
Section Properties
Section BG:
Gradient (from 1 to 2):
Direction:
To Right
To Bottom
To Top Left
To Top Right
To Bottom Left
To Bottom Right
Radial (Circle)
Radial (Ellipse)
Clear Gradient
Background Properties (Universal)
BG Image URL:
Apply
Clear Img
Gradient (from 1 to 2):
Direction:
To Right
To Bottom
To Top Left
To Top Right
To Bottom Left
To Bottom Right
Radial (Circle)
Radial (Ellipse)
Clear Gradient
Padding:
Margin:
Border:
None
Solid
Dashed
Dotted
Double
Classes:
Update Classes
ID:
Generate ID
Undo
Redo
🖥️ Live Preview
Editing Enabled