Website buildersCAN I VIBECODE
Siter.io?
BUILD FIRST
- One specific customer type and one primary use case
- A vertical slice that completes the main job without manual workarounds
- Visible limits, review steps, and a fallback when an external dependency fails
LEAVE FOR LATER
- Broad third-party integrations
- High-scale collaboration, syncing, and permissions
- Automation that can cause harm without human review
RESEARCH NOTES
What this tool actually does.
Siter.io is a browser-based, no-code website builder aimed at designers and creatives building portfolios, landing pages, and presentation sites. Users design on a freeform canvas with layers/groups (lock, hide, reorder), reusable design-system styles (color/font tokens swappable across pages), animation presets with trigger types, and responsive control via screen frames for desktop, tablet, and mobile breakpoints. Features include forms with inbox delivery, embedded/local video (YouTube embed, popup, background, mp4), custom code/embed injection, royalty-free stock photo search, and e-commerce (buy button, cart, checkout). It offers real-time team collaboration, custom or free domains, and hosting/publishing. Its distinctive workflow is importing designs directly from Figma via an official plugin to turn frames into editable site sections without code.
RESEARCHED BUILD PROMPT
Give this to your coding agent.
Build a focused replacement for the core Siter.io workflow: a browser-based, no-code landing page builder where a user lays out a page on a freeform canvas and publishes it to a hosted URL. The app must let users drag and drop sections (text, images, buttons, video embeds, forms) into a canvas, group/reorder/lock layers, apply reusable color and font styles from a project-level design system, attach CSS-style animation presets with scroll/click triggers, and preview or publish the result to a unique public URL with an optional custom domain. Recreate the Figma-import moment in spirit: accept an uploaded design image or pasted design JSON and auto-suggest a matching editable section layout. Technical requirements: React + TypeScript front end with a state store for the page model, an iframe/HTML-based preview renderer, and a lightweight Node/Express API that persists projects (SQLite or similar), generates and serves static published sites, and forwards form submissions via email/webhook; use sensible defaults, not a heavy CMS. Explicitly do not copy Siter.io's brand, marketing copy, logo, help-center text, or UI look and feel — build an original interface. Out of scope: real-time multi-user collaboration, full e-commerce checkout, template marketplace, SEO tooling, and plugin ecosystem. Deliver a README covering setup steps, project structure, how publishing works, and known limitations (e.g., simplified responsive breakpoints and no true WYSIWYG canvas parity).