Shapes
Add Box
Add Circle
Add Line
Text
Add Text
Image
Add Image
Page Settings
Page Background:
Image Folder Path:
Actions
Delete Selected
Clear All
Export HTML
Layout:
Absolute (Fixed)
Flex Row
Flex Column
Desktop
Tablet
Mobile
1200x800
Drag to move. Red square = resize. Double-Click to edit/open controls. Ctrl+Click to multi-select.
Element Controls
X
Type:
-
Align (Multi-Select)
Left
Center
Right
Top
Middle
Bottom
Dimensions
Width:
Height:
Position
Left:
Top:
Position Type:
absolute
fixed
relative
Z-Index:
Styling
Background Color:
Background Opacity:
Border Width (px):
Border Color:
Rotation (deg):
Opacity:
Typography
Font Family:
Courier New
Arial
Georgia
Times New Roman
Trebuchet MS
Verdana
Monospace
Serif
Sans-serif
Font Size:
Font Weight:
normal
bold
700
400
300
Line Height:
Letter Spacing:
Text Align:
left
center
right
justify
Text Transform:
none
UPPERCASE
lowercase
Capitalize
Text Decoration:
none
underline
overline
line-through
Text Color:
Padding:
Margin:
Font Style:
normal
italic
oblique
Word Spacing:
Image Settings
Object Fit:
cover
contain
fill
scale-down
X
Your HTML Code
Make sure you have uploaded your images to the folder:
./images/
Copy to Clipboard