Site building · Visual editor
Build your pages with your mouse.
The Vivlab editor puts your pages together visually: drag in your blocks, fine-tune them on the canvas, and what you see is exactly what your visitors will see. Not a line of code.
The editor at a glance
Three zones, zero friction
The editor is built around three spaces, plus a shared style panel and a zoom bar along the bottom.
The top bar
Move between pages, preview on desktop or mobile, add elements, undo/redo, copy a style, save and publish.
The central canvas
A live preview of your page. Select, move, resize and rotate your blocks right there, with your mouse.
The side panel
Contextual: it shows the settings for the selected element (content, link, options) and, at the bottom, the shared style panel.
Working on the canvas
Everything happens right on the page
No back-and-forth with a form: you handle the blocks right where they appear, with guides that snap you to the pixel.
- ✋Move & transfer
Drag a block within its section, or beyond it, to move it into another section.
- ⤢Resize & rotate
Eight handles for size, a corner handle for rotation, inner handles for padding.
- 📐Guides & alignment
A grid, purple alignment lines, pink equal-size markers and spacing badges show up as you move.
- ⬚Multiple selection
Draw a rectangle or Shift+click to group, align, distribute and duplicate several blocks at once.
Add an element
A library ready to drag in
The Element button opens the list of blocks you can insert: drag one onto the canvas and it lands already styled to match your theme.
The style panel
Formatting, by section
Under every element sits a shared style panel: each section folds open, shows its summary, and resets with a click.
Font, size, case, color, line height, weight.
Solid color, gradient, image or repeating pattern.
Style, sides, thickness and rounded corners.
Realistic, flat or preset, with fine control.
Inner padding, uniform or side by side.
iPhone, MacBook, iPad, iMac around an image or video.
Opacity, brightness, contrast, sepia, blur…
Appears on screen: fade, zoom, slide.
Save & publish
Saved on its own, published when you want
The editor saves as you go: a Saving badge then Saved confirms it. Your changes stay invisible until you publish.
- 💾Automatic saving
Nothing to trigger: everything syncs continuously with the server.
- 🚀Publish window
Social preview, final URL and status badges (visible, position, password, last published) before you confirm.
- 🔗Visit the page
Once it's live, open the real version in a new tab. Nothing to publish? The button shows Page up to date.
The navigation bar was changed: it will be updated too.
Build your page with your mouse ?
Get started for free: drag in your blocks, set everything up on the canvas and publish in one click. Without a line of code.