Website Builder is a browser-based one-page site constructor with templates and editable content blocks, built on a component-based architecture.
Website Builder is a client-side web application that allows non-technical users to compose static site pages visually. The app supports dynamic layout switching and drag-free content placement within three main sections: header, content, and footer.
Each layout template defines the structure of these sections. Users can add text or image elements via contextual controls. Elements are inserted into the DOM dynamically, with full support for inline editing and image embedding via external links.
The system is built using React, bundled with Vite, and powered by modern TypeScript tooling. UI interactivity leverages native DOM APIs for low-level control, while routing and state management are handled by the TanStack suite.
- Node.js ≥ 24.x
- npm ≥ 9.x
- Predefined page layout templates (e.g., landing page)
- Section-based block editing: header, content, footer
- Element addition via contextual "+” buttons
- Support for headings, paragraphs, and image blocks
- Inline text editing with Enter/blur confirmation
- Dynamic image upload via external URL (popup form)
- Realtime preview without persistence (no backend)
- Template reset on layout switch
- Removable blocks with confirmation-less deletion
- React 19 — Component-based UI library
- Vite 7 — High-performance build tool and dev server
- TypeScript — Static typing for scalable development
- @tanstack/react-store — Store-based reactive state
- @tanstack/react-router — File-based routing architecture
- @tanstack/router-plugin — Enhanced route handling
Website Builder is licensed under the ISC license.