Animated isometric illustration: page editor with selected block, alignment guides, mobile preview and cursor

Build your pages with a mouse.

Drag your blocks, adjust them on the canvas, and what you see is exactly what your visitors will see. Build your site with the Vivlab editor, without writing a single line of code.

Direct drag and drop

Desktop & mobile

Automatic saving

Get started for free

See offers

Three areas, zero friction

The editor is organized around three areas, plus a shared style panel and a zoom bar at the bottom.

Editor interface: top bar, central canvas with a selected block and section settings side panel
Icon: 1. the top bar

1. The top bar

Navigate between pages, preview desktop or mobile, add elements, undo/redo, copy styles, save, and publish.

Icon: 2. the central canvas

2. The central canvas

A live preview of your page: select, move, resize, and rotate your blocks. What you see is what gets published.

Icon: 3. the side panel

3. The side panel

Contextual: it displays the settings for the selected element (content, link, options) and, at the bottom, the shared style panel.

Sandhills, Derwent Lees

Everything happens right on the page

Icon: move & transfer

Move & transfer

Drag a block within its section, or beyond it, to transfer it to another section.

Icon: resize & rotate

Resize & rotate

Eight handles for sizing, one handle for rotation, and inner handles for padding.

No back-and-forth with a form: manipulate blocks where they appear, with guides that snap them into place down to the pixel.

Editor canvas with a selected block, size and rotation handles, alignment guides, distance and multiple selection action bar
Icon: guides & alignments

Guides & alignment

A grid, purple alignment lines, pink equal-size lines, and spacing indicators appear as you work.

Icon: multiple selection

Multi-select

Draw a rectangle or Shift-click to group, align, distribute, and duplicate multiple blocks at once.

A library ready to drag and drop

Editor element library sorted into Text and media, Elements and navigation, Contact, e-commerce and code

The Element button opens the list of blocks to insert: drag one onto the canvas, and it arrives already styled to match your theme.

Icon: text & media

Text & media

Text, animated text, image, video, logo, parallax, before/after, and gallery.

Icon: elements & navigation

Elements & navigation

Button, shape, social media, carousel, navigation, dropdown menu, and announcement bar.

Icon: contact, e-commerce & code

Contact, ecommerce & code

Form, product for sale, search bar, iframe, and HTML code.

Formatting, organized by category

Below each element is a shared style panel: each category expands to show its summary and can be reset with one click.

Icon: text style

Text style

Font, size, capitalization, color, line spacing, weight.

Icon: background

Background

Solid color, gradient, image, or repeating pattern.

Icon: border & radius

Border & corner radius

Style, sides, thickness, and rounded corners.

Icon: shadow

Shadow

Realistic, flat, or preset, with fine-grained adjustments.

Icon: spacing

Spacing

Inner margins, uniform or set side by side.

Icon: mockup

Mockup

iPhone, MacBook, iPad, iMac frames around an image or video.

Icon: filter

Filter

Opacity, brightness, contrast, sepia, blur…

Icon: animation

Animation

On-screen appearance: fade, zoom, slide.

Publishing window with social preview, final URL, status badges and Confirm button

Saved automatically, published when you want

The editor saves as you go: a Saving indicator followed by Saved confirms it. Your changes remain invisible until you publish.

Icon: auto-save

Automatic saving

Nothing to trigger: everything is continuously synced with the server.

Icon: publishing window

Publishing window

Social preview, final URL, and status badges (visible, position, password, last published) before you confirm.

Icon: visit the page

Visit the page

Once it's live, open the live version in a new tab. Nothing to publish? The button displays Page up to date.

Build your page with a mouse?

Page templates →

Web pages →

Get started for free: drag your blocks, adjust everything on the canvas, and publish in one click. Without a single line of code.

Blog →

Get started for free

See offers

Frequently asked questions (FAQ) →