Build visually Ship real code
Meno is a visual editor that outputs clean, version-controlled JSON. Design in the browser, commit to Git, deploy anywhere.
Get StartedA visual editor that doesn't get in your way.
Build pages and components visually with a real-time preview. No generated code spaghetti—just structured JSON that compiles to static HTML.
Drag-and-drop canvas — Add, move, and nest elements with a click
Real-time preview — See exactly what you're building as you build it
Component library — Reusable components with props and variants
Responsive controls — Design for desktop, tablet, and mobile in one view
Style panel — Full control over spacing, typography, colors, and layout
Keyboard shortcuts — Fast navigation and editing for power users
Built for developers who care about their stack.
Meno doesn't hide the code—it generates clean JSON you can read, edit, and version control. Your pages live in your repo, not in a proprietary database.
JSON-based architecture — Pages and components are plain JSON files
Git-native workflow — Every change is a commit. Branch, merge, review.
TypeScript support — Full type definitions for all node types and props
Static HTML output — Clean, semantic HTML with no framework overhead
Local-first — Run entirely on your machine, no cloud dependency
Open format — No lock-in. Your content is always portable.
Content management that lives in your codebase.
Define collections, create content, and bind it to your pages—all stored as JSON in your repo. No external CMS, no API keys, no sync issues.
Collections — Define content types with custom fields (text, images, rich text, references)
Dynamic pages — Create templates that generate pages for each content item
Field binding — Connect any element to CMS data with {{cms.field}} syntax
Localization ready — Slug translations and multi-language content support
Static generation — Pre-render all CMS pages at build time
CMSList component — Loop through collections directly in your page structure
AI-first workflow built into the format.
Meno's JSON format is designed for AI agents. LLMs can read, understand, and generate pages and components without any special training or context window overhead.
Human-readable JSON — AI can parse and generate without special tooling
Structured schemas — Clear component interfaces that LLMs understand instantly
No binary formats — Everything is text that fits in context windows
Predictable patterns — Consistent structure makes AI-generated code reliable
Diffable output — Review AI changes with standard Git diffs
Prompt-friendly — Include CLAUDE.md instructions for any AI coding assistant
How It Works
Design
Use the visual editor to build your page layout. Add elements, style them, and preview in real-time.
Commit
Your work saves as JSON files in your Git repository. Review diffs, branch for experiments, merge when ready.
Deploy
Deploy to Vercel, Netlify, GitHub Pages, or your own infrastructure using meno-core package to build static HTML
Developer-Friendly Details
See it in action
Clone a starter project and have a working editor in under a minute.