Let's get started

Add elements

New page

Preview site

Undo

Publish your site

Start over

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

Custom Domain

Upgrade to Pro to use this

View more settings

Title

Description

Google Analytics

Upgrade to Pro to use this

Style the element you have selected

Selected the wrong element?

Select parent

There are unstyled elements in this grid

Auto style them

Actions

Clone

Trash

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 image

New item

Toggle

Border

Image description

Block divider

Stretch height

Description type

Menu type

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

Quick layout

Toggle width

Change layout

Move in front

Move behind

Quick align

Vertical align

Content

Quick align

Quick align

Text align

Image

Text align

Text

Text

URL

Color

Color

Text color

Button color

Button background

Font

Gallery style

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

Text align

Advanced styles

Change the visual appearance of this element

Background

Background image

Background position

Parallax

Darkness

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

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

Item spacing

Left spacing only

Right spacing only

Image padding

Horizontal padding

Padding left

Padding right

Vertical padding

Round corners

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

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:

Hover over me

Pages

Home

Add elements

Block

Container

Grid

Text

Image

Gallery

Icon

Button

Form

List

Menu

Divider

Table

Bullet points

Googly eyes

Show

Block presets: Coming soon

Add some content

Publish