The editor is the product: designer-made blocks you stack and edit in place, plus Zero Block, a free-form canvas with per-breakpoint layout and animation. An agent can wire a block editor that writes static pages in a weekend, and for a single site it is quicker still to have it write the pages directly. What it can't copy is the polish of Tilda's block library, a Zero Block that stays sane at three screen widths, and the bundled hosting, forms, payments and store.
Before you buildTilda Free gives one site with up to 50 pages on a Tilda address, with no custom domain or forms. If you only need a small page and no domain, you may not need to pay.
Build me a block-based website editor to replace Tilda. Requirements: - Node.js 22 + TypeScript: a Vite + React app with GrapesJS (`grapesjs`) as the editor engine. `npm run dev` serves it at http://localhost:5180; `npm run build:site` writes the finished static site to ./dist-site/. - Blocks: 15 of your own as plain HTML + CSS files in ./blocks/ (hero, cover with image, text columns, features grid, pricing table, testimonials, FAQ accordion, gallery, contact form, footer, ...). Each block declares its editable text, image and link fields. Fonts, colours and spacing are CSS variables set once per site. - Pages: a sidebar lists pages; a page is an ordered list of blocks you add by drag, reorder, duplicate and delete, with undo and redo. - Responsive: preview at 1280, 768 and 375 px; per-breakpoint overrides for font size and visibility only. - Storage: ./data/site.json (pages, blocks, field values, tokens) and uploads in ./data/media/, resized to 1600 px wide WebP with `sharp`. No database. - Publish: `npm run build:site` renders each page to plain HTML with one shared CSS file and no runtime JS except the menu toggle and the FAQ accordion. It writes sitemap.xml, robots.txt, a title, meta description and Open Graph tags per page, and warns about images without alt text. - Forms: the contact form posts to FORM_ENDPOINT from .env (a Formspree-style URL or your own). No form backend is built. - Single user. No accounts, no telemetry, local-first. Fonts are downloaded once into ./data/fonts at build time. - Out of scope: e-commerce, membership, CRM, a free-form canvas like Zero Block, multi-user editing, hosting. - README: deploying ./dist-site to Cloudflare Pages, Netlify or a VPS with Caddy, and a short list of what Tilda does that this editor does not.
Opens your agent with the prompt filled in, you press enter. Or copy it and paste it into an empty folder.
The first prompt builds the core. Run these one at a time in the same folder to grow it into your own Tilda.
Extend the site editor in this folder. Requirements: - Add a Posts section: Markdown files in ./content/posts/ with front matter (title, date, slug, cover, summary). - Build an index page with the newest first and one page per post using the site's CSS variables; paginate at 10. - Add an RSS feed at /feed.xml and include posts in sitemap.xml. - Add a Posts screen to the editor with a plain textarea and live preview. - Update the README.
Add redirects to the site editor in this folder. Requirements: - A ./data/redirects.csv of old path, new path and status (301 or 302), editable in a Redirects screen. - `npm run build:site` writes a Netlify-style _redirects file and a Cloudflare Pages-compatible one. - Warn at build time about redirect chains, loops and targets that don't exist as pages. - Update the README with how to build the CSV from the sitemap of the old site.
Add scroll animations to the site editor in this folder. Requirements: - Per block, a dropdown: none, fade in, slide up, slide from left or right, with a duration and delay. - Implement them with CSS and one IntersectionObserver snippet under 1 KB in the published pages. - Respect prefers-reduced-motion by turning every animation off. - Show the animation in the editor preview with a Replay button. - Update the README.
Harden the contact form in the site editor in this folder. Requirements: - Add a honeypot field and a minimum fill time of 3 seconds, checked in a small Cloudflare Worker or Node endpoint in ./form-endpoint/. - The endpoint forwards valid submissions by SMTP from .env (SMTP_URL, TO_ADDRESS) and keeps no copy on disk. - Rate limit to 5 submissions per IP per hour. - Document deploying it in the README.
Designers and small teams get layout freedom without writing code, and the hosting, certificate, forms and checkout come in the same price. Editing a live page by clicking on it, with the design system already decided, is the part a hand-rolled editor rarely matches.
Estimate · Static hosting on a free tier costs nothing; a domain is about $10 to $15 a year. The build is token usage on your agent plan.
| Plan | Monthly | Annual, per month | What you get |
|---|---|---|---|
| Free | $0 | $0 | 1 website, up to 50 pages, part of the block library, no custom domain. |
| Personal | $15 | $10 | 1 website, the full block collection, a custom domain, forms, payments and the online store features. |
| Business | $25 | $20 | Everything in Personal, 5 websites and source code export as a zip of static files. |
Free covers one website with up to 50 pages and part of the block library, on a Tilda address.
Kinda. The core is a weekend build with the prompt on this page, but real gaps remain: Tilda's designer-made block library and templates, kept up to date, Zero Block, the free-form canvas with animation and per-breakpoint layout.
About $15 a month on the Personal plan, $180 a year (checked 2026-10-19).
Tilda's designer-made block library and templates, kept up to date; Zero Block, the free-form canvas with animation and per-breakpoint layout; Hosting, SSL and the Leads inbox with forms built in; Payments, the product catalog and online store; Tilda CRM, Members and the library fonts. If any of those matter to you, keep paying.
Yes: Webstudio (open source), Silex (open source), Publii (open source).