Lediv visual editor with pages, elements, files and live style panels
Visual website builder. Real code.

Design and code in perfect sync

Build and maintain websites easily.
Your AI agent can work on the same files.

Start Building Free
How it works

Change one side.
The other follows.

Drag a value and the code rewrites itself. Type in the code and the canvas updates live. One project, both directions, no round-trips.

Features

Everything you need.
Nothing to rebuild.

Design, build, and ship a real website, all from one place. Pages, components, live styling, clean code and files you own. Work alone, with your team, or with the AI agent you already use.

Pages panel listing site pages with their URLs
Page settings dialog with URL, title and description fields
Components panel listing reusable building blocks
Adding a reusable component to a page
Elements outline showing the page structure
Code editor showing the HTML of the selected element
Styles panel with live design controls
Color picker adjusting a style live on the canvas
Project collaborators panel listing two people with access and one pending invite
Users online panel showing two teammates in the project right now
Lediv asking which permissions and projects an app may have
The Agent panel in the editor after a request to add a pricing page: it created the page, edited the site header, checked the project and replied that the page is at /pricing, with a button to restore the project to before that message and the share of AI credits used
Publish panel showing a live site address and its deploy history
Publish panel serving the site at a connected custom domain marked Live
Files panel listing the project's files
Code editor with a project file open
01 Pages

New page.
No routing to wire.

A URL, a title, a description. That's a live, indexable page.

url
/blog
title
Blog
description
Latest news and product updates.
02 Components

Build once.
Reuse everywhere.

Build any section once as a named building block and drop it anywhere. Update it in one place and every copy updates.

Source
Hero
  • /home
  • /pricing
  • /docs
03 Elements

What you see
is what you ship.

No hidden layers. No surprise markup. Real HTML and CSS, clean and semantic, and zero JavaScript unless you add it yourself.

  1. 01 Header navigation
  2. 02 Logo
  3. 03 Menu
  4. 04 Hero section
  5. 05 Design it visually. h1
  6. 06 Call to action
  7. 07 Footer
04 Design

Tune anything.
Live, on the canvas.

Scrub a number, drop a color, nudge a weight. Every change lands on the page as you move.

font-size
96 px
12 96 240
Base Hover Focus Active
05 Collaboration

Bring in your team.
Or just one person.

Everyone opens the same project, not a copy, and every edit lands live.

06 Agents

Built-in AI agent.
Or connect your own.

Pro includes an AI agent in the editor. Any other agent you use can connect through MCP, on any plan.

  • Claude
  • Codex
  • Cursor
  • Any other agent
MCP
07 Publish

Live in seconds.
On your own domain.

One click puts the project online, with the certificate handled for you. Publishing again swaps the whole site at once, so nobody catches it half done.

08 Files

Your website.
Your files. Forever.

Download the whole project anytime. It's yours to keep, move, and host wherever you want.

Deploys to
  1. 01Netlify→
  2. 02Vercel→
  3. 03Cloudflare→
  4. 04GitHub Pages→
  5. 05Any static host→
Pricing

Free to build.
Pay to go further.

The builder and your first published sites are free, and your code is always yours. Go Pro only when you need unlimited sites, custom domains, redirects, site and version history, and real-time collaboration. Billed per seat, no hidden tiers.

Free
€0 / month
No credit card
Pro Pioneer · 40% off
€25 €15 / seat / mo
Taxes included
Visual builder and code editor
Projects, pages and components
Sync across all your devices
Full project export
Project version history
–
Connect any AI agent (MCP)
Built-in AI agent
–
Published sites
Up to 3
Unlimited
Custom domains
–
Site redirects
–
Site history and one-click rollback
–
Real-time collaboration
–
Per-project collaborators (1 seat each)
–
Unlimited teams (1 seat per member)
–
Start Building Free
Upgrade to Pro anytime

Common questions

Do I need to know how to code?

No, but you can. Design visually with zero code, or jump into the source whenever you want. Both modes keep everything in sync.

Can I take my site elsewhere?

Yes. Download your project anytime and host it wherever you want. It's plain HTML, CSS and JavaScript, with no watermark and no lock-in.

Can I use AI agents?

Yes. Pro includes a built-in AI agent in the editor. And on any plan, you can connect your own, like Claude, Codex or Cursor, to work on your real files with permissions you control.

How does seat-based pricing work?

One seat per person. Yours, plus one for each person you invite to a team or project, counted once per email. An invitation holds its seat from the moment you send it until you revoke it.

What does the Pioneer price mean?

Early adopters pay €15 per seat instead of €25, for as long as their subscription stays active. If it lapses, a new one pays the current price.

What happens if I cancel Pro?

Your projects stay yours. They keep opening, editing and syncing, and published sites stay online. Collaborators lose access, publishing is limited to 3 sites, and connected domains pause after 30 days until you renew.