No-code apps · checked 2026-10-19

Can I vibecode WeWeb?

KINDA· weekend project

WeWeb is a visual editor first: a canvas, component tree, style panel, data binding and workflow builder, with hosted backend pieces behind it. An agent won't match that editor in one prompt, but it can build the small version: a JSON page spec, a React renderer with data binding, a rough drag-and-drop editor and a static export. For one app of your own, skip the builder and ask the agent for the app itself on Supabase or any REST API, which is usually faster than learning an editor.

$25/moprice per seat

$300you'd save a year

multi-daybuild time

—people replaced it

Before you start

What you need on hand.

DifficultyAdvanced · Real infrastructure or OAuth work.

TimeA weekend for a spec-driven base; several days to make the editor pleasant

Claude Code, Codex or CursorAny of them can run the prompt.
Node.js 22 and pnpmThe workspace has two packages.
A REST API or Supabase projectThe builder only draws the front end; the data lives elsewhere.
A static host and a small Node hostCloudflare Pages or Netlify for the site, any $5 server for the proxy.

Before you buildWeWeb's Free seat and Free cloud plan cost nothing. You only need Essential for code export and GitHub sync, so check whether your app fits 1,000 sessions a month first.

1. Install one agent: Claude Code, Codex, Cursor.
2. Make an empty folder and open it in the agent.
3. Paste the prompt below, press enter, and answer its questions as it builds.

The prompt

Build me a small visual builder for web front-ends to replace WeWeb. Requirements:

- TypeScript + pnpm workspace: `apps/studio` (React 19 + Vite) and `packages/runtime` (React), shared by
  the editor canvas and the exported site. `pnpm dev` serves the studio on http://localhost:4880.
- A project is one JSON file, ./projects/<name>/project.json: pages (route plus a tree of components),
  variables, data sources and workflows. Validate with `zod`; commit every save with `simple-git`.
- Components: Container (row or column, gap, padding), Text, Heading, Image, Button, Input, Select,
  Form, plus Table and Repeater bound to a collection. Each has a props schema that drives the panel.
- Editor: component tree on the left with drag to reorder (`@dnd-kit/core`), the page in an iframe in
  the middle with selection outlines and desktop, tablet and mobile widths, and a property and style
  panel on the right. Styles are saved per breakpoint. Undo and redo through Immer patches.
- Binding: `{{ }}` expressions in any prop, evaluated with `jexl` against variables, route params and
  the current repeater item.
- Data: REST sources (base URL and headers from .env) and Supabase (`@supabase/supabase-js`) with table
  and filter pickers. Calls go through a small Fastify proxy so keys never reach the browser.
- Workflows: an action list per event: call a source, set a variable, navigate, show a toast, if/else.
- Export: `pnpm export <name>` builds a static site with Vite into ./dist/<name> using the same runtime,
  plus a Fastify server file for the proxy routes the project uses.
- Single user. No accounts, no telemetry, local-first.
- Out of scope: hosted database, sign-in for end users, plugins, real-time collaboration, AI generation.
- README: the project JSON format, how to add a component, how to deploy the export, and a warning that
  the editor will be rough: budget iterations for drag and drop and for responsive styles.

Opens your agent with the prompt filled in, you press enter. Or copy it and paste it into an empty folder.

Share on X

Max MiskowSponsoredAI agents, automations and MVPs, built for your company.Visit site ›

Then keep going

Next prompts, same folder.

The first prompt builds the core. Run these one at a time in the same folder to grow it into your own WeWeb.

Extend the visual builder in this folder. Requirements:

- Keep the undo and redo stack per project in IndexedDB (`idb`), capped at 200 patches.
- Show a history panel listing the last 50 changes with a label such as "Moved Button 3";
  clicking one restores that state without dropping newer entries.
- Group typing in a prop field into one entry per second of pause.
- Add tests for apply, undo, redo and restore on a project with three pages.
- Update the README.

Add end-user sign-in to the visual builder in this folder. Requirements:

- A project setting "Auth provider" with Supabase Auth only; store URL and anon key in .env.
- Pages get a "requires sign-in" flag with a redirect target; the runtime checks the session
  before rendering and exposes `user` to expressions.
- Add Sign-in, Sign-up and Sign-out components wired to supabase-js.
- Never put the service-role key in the export; the exported server reads it from its own .env.
- Update the README with the Supabase row-level security steps.

Add an HTML importer to the visual builder in this folder. Requirements:

- `pnpm import-html <file.html> <project> <page>` parses the file with `parse5` and maps
  headings, paragraphs, images, links, buttons, inputs and div/section nesting to builder
  components.
- Keep class names as a style field, drop scripts and inline event handlers, and list every
  element it could not map in a report file.
- Never fetch remote assets; copy local images into the project's assets folder.
- Update the README with what is and isn't mapped.

What you lose

A polished drag-and-drop canvas with responsive style tools
WeWeb Cloud: managed database, server functions, backups and scaling
Plugins for services such as Airtable, Notion, Stripe and SQL databases
Team seats, version history and the built-in AI assistant and MCP server
Staging and versioned deploys

Why people still pay

People who don't write code get real front-ends on top of their own backend, with a visual editor and hosting they don't have to run, and agencies have their own plan tab. The code export makes leaving easier than at most builders, so what people pay for is speed and not having to maintain the plumbing.

Moatexecution polish integrations switching costs

Do the math

WeWeb or your own copy?

Seats

Over

Your usage

Count my time24h ×$/h

WeWeb, 1 yr$300

Your own copy, 1 yr$75running + build session

You keep$225pays for itself in the first month

Estimate · Static hosting and Supabase's free tier cost nothing for one small app; a small server for the proxy is about $5. The build is several days of token usage on your agent plan.

Leaving WeWeb

Take your data, then cancel.

1 · Take your data out of WeWeb

1Publish the app at least once, click Deploy in the top right, open the Export tab and choose Generate code export; download the zip when the options appear.
2The zip holds built interface files or raw project files, plus backend files if the project uses backend services. Repeat exports need an active seat plan.
3Only table structures are exported, not records: move data and files uploaded to WeWeb separately. API keys and secrets aren't included, so add them to the exported .env file.
4Files on WeWeb's CDN aren't preserved, so copy them to your own storage first.

2 · Cancel WeWeb

1Open Billing settings in the WeWeb dashboard and change the plan; downgrading or cancelling takes effect at the end of the current billing period and you keep the plan's features until then.
2Cancel a WeWeb Cloud plan the same way: at the end of the period the app is unpublished and its DNS entries are removed, and the database is kept for a limited time.
3There is no pause button; cancelling and resubscribing works, and project data is kept for at least 90 days after cancellation.

Exported code can't be imported back into WeWeb, and editing it is possible but not recommended; treat the export as a one-way exit.
Plugins that depend on WeWeb microservices, WeWeb AI credits and WeWeb's built-in email sending may not work in a self-hosted app. Test the export before you cancel.
Self-hosting drops the cloud limits, but you need a seat plan to keep editing the project in WeWeb.
Delete the account only after leaving or deleting every workspace; it removes your profile and personal data.

Checked 2026-10-19 against WeWeb's docs: 1, 2, 3, 4

The escape hatch

Don't feel like building it? These are already free.

AppsmithOpen sourceApache-2.0 builder for admin panels, internal tools and dashboards with 25+ database connectors; stronger on internal tools than on public sites.★ 41k · active Oct 2026 · docker to self-host
WebVisit ↗ToolJetOpen sourceAGPL-3.0 open-source core of a platform for internal tools, dashboards and business apps, built visually or from a prompt.★ 41k · active Oct 2026 · docker to self-host
WebVisit ↗BudibaseOpen sourceGPL-3.0 low-code platform with a built-in database, forms and automations; client components are MPL and paid features sit under a separate license.★ 28k · active Oct 2026 · docker to self-host
WebVisit ↗

All 4 free alternatives to WeWeb ›

The numbers

WeWeb pricing

Plan	Monthly	Annual, per month	What you get
Free	$0	$0	Visual editor, API and data integration, import of coded components, 1 million AI tokens, MCP server on a 14-day trial, deploy to WeWeb Cloud free up to 1,000 sessions, chat support.
Essential	$25	$20	10 million AI tokens, code export and self-hosting, GitHub sync, unlimited cloud sessions, daily editor auto-backup.
Pro	$60	$50	25 million AI tokens, extra seats and collaboration, hourly editor auto-backups, unlimited MCP server access, protection of resources from AI edits, unlimited manual backups.
Agencies & Enterprise	custom	—	The tab shows no prices or details.
WeWeb Cloud, front-end only	$15	$13	Custom domain, unlimited sessions, 10 GB bandwidth then $0.25 a GB; no database or server functions.
WeWeb Cloud Launch+	$24	$20	10 GB bandwidth, 1 GB database, 200 emails, 5 GB files.
WeWeb Cloud Grow+	$79	$66	50 GB bandwidth, 3 GB database, 1,000 emails, 25 GB files, unlimited production backups.
WeWeb Cloud Scale+	$249	$208	200 GB bandwidth, 10 GB database, 3,000 emails, 150 GB files, staging and versioning included.

Free tier: Free seat: no code export or GitHub sync and 1M AI tokens. Free cloud: 1 GB bandwidth, 500 MB database, 50 emails, 500 MB files and 1,000 app sessions.
Billing: Monthly or annual. The pricing page opens on annual ($20 for Essential, $50 for Pro per developer) and switches to monthly ($25 and $60); annual saves up to 20%. Upgrades are prorated and apply at once; downgrades and cancellations apply at the end of the billing period.
Hidden costs: A seat plan doesn't host your app: a custom domain on WeWeb Cloud adds $15 to $249 a month on monthly billing, with overage on bandwidth, database, compute, emails and files. Staging and versioning are a paid add-on below Scale+. AI tokens reset every month and don't roll over. Self-hosting removes the cloud limits but you still need a seat plan to keep editing.
Source: pricing.weweb.io

Also on the list

Bubble$32/mo · No-code appsKINDA

Webflow$25/mo · Website buildersKINDA

FlutterFlow$39/mo · No-code appsKINDA

Questions

WeWeb, briefly

Not answered here? Tell us and we'll add it.

Ask a question ›

The Free seat plan gives the full visual editor, 1 million AI tokens a month and cloud deploys that are free up to 1,000 sessions.

Kinda. The core is a weekend build with the prompt on this page, but real gaps remain: A polished drag-and-drop canvas with responsive style tools, WeWeb Cloud: managed database, server functions, backups and scaling.

About $25 a month on the Essential plan per seat, $300 a year (checked 2026-10-19).

A polished drag-and-drop canvas with responsive style tools; WeWeb Cloud: managed database, server functions, backups and scaling; Plugins for services such as Airtable, Notion, Stripe and SQL databases; Team seats, version history and the built-in AI assistant and MCP server; Staging and versioned deploys. If any of those matter to you, keep paying.