OpenDesign Studio is a lightweight, full-featured visual website builder and rapid prototyping platform built directly with FastAPI and pure modern JavaScript. It allows creators to design responsive web pages visually, edit components in real time, and export clean, fully functional static HTML/CSS web archives (.zip).
- Visual Drag & Drop Canvas: Drag elements, structural templates, and layout columns directly onto a controlled, viewport-bounded workspace.
- Component-Level Refinements:
- Refined editor UI typography (12px–14px) for optimal sidebar, inspector, and tab legibility.
- Balanced default component font sizes (Headings at
18px, Subheadings at14px, Body text at12.5px, and Buttons/Badges at11px).
- Adaptive Media Embeds: Images, videos, and iframes automatically scale and adapt to their parent container sizing (
width: 100%,height: 100%,object-fit: cover). - Multi-Device Viewport Switching: Instantly toggle between Desktop, Tablet, and Mobile viewports to check responsive layout stacking and media behavior.
- Multi-Selection & Grouping: Hold
Shiftto select multiple elements simultaneously to duplicate, delete, or group them into sections instantly. - Advanced Undo/Redo Engine: Full history tracking with keyboard shortcuts (
Ctrl+Z,Ctrl+Y) and local persistence. - Template Presets: Quick-load full website boilerplates including Landing Page, Portfolio, SaaS Launch, and Blog.
- Static ZIP Export: Bundle all multi-page layouts, global themes, and adaptive media rules into a production-ready website package.
Make sure you have Python 3.8+ installed on your system.
- Install FastAPI and Uvicorn:
pip install fastapi uvicorn