O/Page Website Builder

Product Introduction

1. Definition: O/Page Website Builder is a browser-based IDE (Integrated Development Environment) specifically designed for creating standalone, responsive HTML websites. It functions as a lightweight, single-file application (~600KB) accessible via desktop or mobile browsers.
2. Core Value Proposition: It provides complete code ownership and zero platform lock-in, enabling users to generate AI-powered websites and export self-contained HTML files for hosting anywhere. Its core appeal is professional website creation with portability and user control, eliminating subscriptions and vendor dependency.

Main Features

1. Mobile-First Browser IDE: A fully responsive editor optimized for Chrome on Android and desktop browsers. It enables on-the-go website building without installations, using a drag-and-drop interface with multi-level nested columns for complex layouts.
2. Portable HTML Output: Generates self-contained HTML files embedding all CSS, JavaScript, and assets. This single-file deployment (typically under 1MB) allows hosting anywhere (Netlify, GitHub Pages, shared hosting, WordPress) with no backend required and zero vendor lock-in.
3. AI Integration (BYOK - Bring Your Own Key): Securely connect OpenRouter or Groq API keys stored locally in browser cache (never sent to external servers). Enables unlimited AI generation for content creation, template customization, and text rewriting within the editor.
4. Built-in O/Tools: Offers no-code widgets embedded directly in the editor: YouTube Playlist Generator (responsive embeds), WhatsApp Form Builder (submissions direct to WhatsApp), and Image Gallery (grid/masonry layouts). Eliminates need for external plugins.
5. White-Label Source Code: Provides the full source code (~10,500 lines of vanilla JS/HTML/CSS) of the core editor, templates, and O/Tools. The AI-optimized codebase is designed for easy rebranding and feature addition using AI tools (e.g., ChatGPT, Claude).

Problems Solved

1. Pain Point: Vendor lock-in and subscription fatigue with traditional website builders (e.g., Wix, Squarespace). O/Page provides true code ownership via exportable HTML.
2. Target Audience: Mobile-first creators (Android users), Indie developers & freelancers needing client-handoff ready code, Agencies & SaaS entrepreneurs (via white-label), Privacy-conscious users (local API key storage).
3. Use Cases: Building websites directly from an Android phone; Creating portfolios, landing pages, e-books, or event sites quickly; Rebranding and reselling a website builder SaaS; Generating AI content securely with private keys; Handing off clean HTML to clients for independent hosting.

Unique Advantages

1. Differentiation: Unlike Wix/Squarespace/Webflow, O/Page exports pure, hostable HTML with no dependencies. Unlike many "AI builders," it doesn't lock users into proprietary platforms or charge per generation (BYOK model). Its mobile-optimized IDE is unique for on-device creation.
2. Key Innovation: The single-file, self-contained architecture (600KB) enabling true portability. The AI-optimized, minimal codebase (10.5k lines) designed explicitly for easy modification and extension using large language models (LLMs), making white-label customization uniquely efficient.

Frequently Asked Questions (FAQ)

1. Can I really build a website fully on my Android phone?
   Yes, the O/Page editor is fully optimized for Chrome on Android, providing a responsive drag-and-drop interface specifically designed for mobile website creation. You can build, edit, and export complete sites directly from your phone's browser.

2. How secure is using my own AI API keys with O/Page?
   Your OpenRouter or Groq API keys are stored exclusively in your browser's local cache (like localStorage). They are never transmitted to O/Page servers or any third-party, ensuring maximum privacy and security for your AI usage.

3. Can I publish an O/Page website on WordPress?
   Absolutely. Export the self-contained HTML file from O/Page and upload it to your WordPress hosting (e.g., via FTP or a file manager plugin). You can also embed the HTML directly into a WordPress page or post using a "Custom HTML" block. Tutorials are provided.

4. What are the limitations of the templates?
   Templates are starting points fully editable within the O/Page IDE. The main "limitation" is inherent to its static HTML output: complex dynamic functionalities (e.g., user logins, databases) require external services. However, forms via WhatsApp or embedded tools work without backend code.

5. How difficult is it to rebrand the White-Label source code?
   The source code is intentionally lightweight (~10.5k lines) and structured for AI-assisted editing. You can instruct LLMs (like ChatGPT or Claude) to "Change all logos to [Your Brand]", "Replace color scheme #XXXXXX with #YYYYYY", or "Add feature Z" directly into the codebase, significantly simplifying the rebranding process.