Let's get started
Add elements
New page
Preview site
Undo
Publish your site
Publish your site
For the best experience, use Webstraw on a bigger screen
Or continue anyway
Personal
Business
Publish your site
Publish your site
Drop this element somewhere
Simply move your cursor to where you want to place this element
Doesn't work? Let me know! osman@hey.com
Selected the wrong element?
Select parent
Add/remove images
Actions
Clone
Trash
Move up
Move down
Move up
Move down
Hide
Grid layout This will erase the current grid
Quick style
Stretch
Add
Button
Column
Grid item
Input
Icon
New Column
New Row
Table title
New item
Toggle
Border
Image description
Block divider
Stretch height
Description type
Menu type
Menu style
Row span
Increase
Decrease
Column span
Increase
Decrease
Remove
Remove Row
Remove Column
Column
Column ratiosChange the width of each column
Scrollable heights This will give each column a viewport height. Any overflowing columns will be scrollable.
Toggle
Form type
Icon style
Quick layout
Toggle width
Change layout
Move in front
Move behind
Gallery style
Quick align
Vertical align
Content
Quick align
Quick align
Text align
Image
Text align
YouTube URL
Color
Color
Text color
Button color
Button background
Font
Images
Button type
Size
Size
Quick presets Templates to replace the current block
Placeholder
Background color
Column ratio
Eye background
Eye color
Text color
Icon
Icon color
Icon background
Text align
Advanced styles
Change the visual appearance of this element
Background
Border
Color
Font
Size
Auto scales to fit the device width
Auto scales to fit the device height
Position
Spacing
Special
Allow this container to be dragged around by users
Go to Preview mode to rearrange this element yourself
Toggle
Animations
Create awesome transition effects for this element
Go ahead and try them out :)
Control when this transition should run
Functionality
Control click events and backend processes for this element
Style
Hover
Hover effects can be seen after the site is published or by clicking the icon
0.1s
0.1s
Color picks of the day:
Color
Gradient
Hover over me
Manage this gallery
Add image
Pages
You can add and remove pages below.
/home
New page
Home
Block presets: Coming soon
Exit draggable
This mode lets you easily position elements around the page.
Simply select an item and drag it wherever you want
Turn on
You can turn this off when you're done
You can add new elements by clicking the icon.
Simply click on an element to bring up the style menu
Continue
You can close this by clicking the icon on the top right
You can create any type of design you want.
Simply click on an element to bring up the style menu.
Continue
You can turn this off when you're done
I'm an element :)
You can add new pages by clicking the icon.
Create up to 5 pages on the free plan
Continue
You can turn this off when you're done
Feel free to explore and experiment with the editor.
If you run into any issues, let me know!
I'm ready
You can turn this off when you're done
Add some content
Publish