Openpage
Description
Open-source website builder with visual drag-and-drop editor, AI site generation, and JSON-first architecture. Self-hosted alternative to Framer, Lovable, v0. React 19 + TypeScript + Tailwind CSS.
Installation
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open the source below and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
README
OpenPage: Open-Source AI Website Builder
**OpenPage is an open-source website builder that uses JSON as the single source of truth.** It combines a Framer-like visual drag-and-drop editor with AI-powered site generation, producing websites that are fully described by a structured, typed JSON config. Unlike code generators (Lovable, v0, Bolt) that produce fragile output, or visual editors (Framer, Webflow) that lock you into proprietary formats, OpenPage gives both humans and AI agents a shared, predictable interface to build and edit websites.
[](LICENSE) [](https://www.typescriptlang.org/) [](https://react.dev/) [](https://tailwindcss.com/)
**[Live Demo](https://openpage-phi.vercel.app)** · [Quick Start](#quick-start) · [Blocks](#blocks) · [API](#api) · [Themes](#themes) · [FAQ](#faq)
Features
- Visual drag-and-drop editor with real-time preview, block reordering, and inline editing
- AI website generation from a text prompt via Gemini (POST a prompt, get back a complete site)
- 19 block types, 42 layout variants covering navbars, heroes, features, pricing, testimonials, FAQs, and more
- 10 built-in theme presets with full customization (colors, fonts, border radius, spacing)
- One-click HTML export producing a standalone, self-contained file with zero runtime dependencies
- JSON-first architecture where every edit (visual or AI) produces clean, diffable, version-controllable JSON
- Self-hosted and open source under the MIT license,
Related Skills
Agency Agents
A complete AI agency at your fingertips - From frontend wizards to Reddit community ninjas, from whimsy inject
AI Firecrawl
🔥 The API to search, scrape, and interact with the web for AI
AI Artifacts Builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech
AI CrewAI
Framework for orchestrating role-playing, autonomous AI agents. By fostering collaborative intelligence, CrewA
AI TrendRadar
⭐AI-driven public opinion & trend monitor with multi-platform aggregation, RSS, and smart alerts.🎯 告别信息过载,你的
AI mem0
| Universal memory layer for AI Agents | 51341 | 221 | 1 |
AI