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

Share this block

Share

Publish your site

Email address

Password

Choose a subdomain

.webstraw.com

Or upgrade your account to use a custom domain.

Publish your site

Email Address

Password

Choose a subdomain

.webstraw.com

Custom Domain

Upgrade to Pro to use this

View more settings

Title

Description

Google Analytics

Upgrade to Pro to use this

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

Text

Style the element you have selected

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

Footer 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

Text

Text

URL

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

Background image

Background position

Parallax

Darkness

Border

Border color

Border width

Border style

Rounded corners

Color

Text color

Border color

Background color

Font

Font weight

Text case

Line height

Size

Adaptive size

Auto scales to fit the device width

Eye size

Pupil size

Width

Height

Height

Width

Height

Image height

Image width

Width

Height

Adaptive height

Auto scales to fit the device height

Rounded corners

Position

Left

Top

Image fit

Position

Image position

Position type

Spacing

Table layout

Columns

Column spacing

Icon padding

Item spacing

Left spacing only

Right spacing only

Image padding

Horizontal padding

Padding left

Padding right

Vertical padding

Round corners

Margin top

Round corners

Round corners

Special

Opacity

Blur

Draggable

Allow this container to be dragged around by users


Go to Preview mode to rearrange this element yourself

Toggle

Inversion

Inversion

Grayscale

Animations

Create awesome transition effects for this element

Transitions

Go ahead and try them out :)

Display

Control when this transition should run

Functionality

Control click events and backend processes for this element

Click action

Style

Hover

Hover effects can be seen after the site is published or by clicking the icon

Append text every interval

Interval

0.1s

Text to repeat

Transition

0.1s

Placeholder

Select options

Input type

Embed URL

Text align

Horizontal align

Height

Table layout

Color picks of the day:

Color

Gradient

Hover over me

Manage this gallery

Add image

Pages

Home

Add elements

Block

Container

Grid

Text

Image

Gallery

Icon

Button

Form

List

Menu

Footer

Divider

Table

Bullet points

Icon + text

Googly eyes

YouTube Video

Show

Block presets: Coming soon

Exit draggable

Turn on Draggable Mode?

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

Just a quick tutorial

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

Style your site

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 :)

Add pages

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

Looks like you're ready!

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