Installation

Meno Studio is distributed as an npm package, so you don't need to download a desktop app or platform-specific installer to get started. Run it from your terminal with npx and use the visual editor in your browser. Every project remains a normal Astro codebase on disk.

Requirements

• Node.js — install a current LTS release, which includes npm and npx.

• A terminal — Meno works on macOS, Windows, and Linux anywhere Node.js runs.

• A browser — the package starts Meno locally and opens the visual editor in your browser.

Create a project

Open a terminal in the directory where you keep your projects and run:

npx meno-studio create

Follow the prompts to choose a project name and location. Meno scaffolds a standard Astro project with the page, component, content, theme, and project configuration files needed by the visual editor.

You do not need to install Meno globally. npx downloads and runs the package when needed.

Open an existing project

Move into an existing Meno project and start the editor with:

cd my-project
npx -y meno-studio@latest dev

Projects created by the package also include a convenience script, so from the project directory you can run:

npm run meno

The command starts a local Meno server for the current folder and opens the editor. Changes made visually are written directly to the project's .astro files. Stop the local server with Ctrl+C.

Sign in with GitHub

When the editor opens, choose Sign in with GitHub and authorize Meno in the browser. GitHub access lets Meno connect the project to personal or organization repositories for versioning, branching, deployment, and collaboration. See GitHub for repository setup and permissions.

What gets installed

Meno runs as a package alongside your project rather than as a separate desktop binary. The generated project is still a regular Astro codebase that you own, including standard .astro source files:

---
import { BaseLayout } from 'meno-astro/components';
import Heading from '../components/Heading.astro';

const meta = {
  title: "Home",
  description: "Welcome"
};
---
<BaseLayout meta={meta}>
  <main>
    <Heading size={1} text="Hello" />
  </main>
</BaseLayout>

You can edit the same files visually in Meno, by hand in your code editor, or with an AI coding agent. The meno-astro codec keeps visual and code edits in sync. Previewing and deployment use normal Astro tooling.

Project created and the editor running? Continue to the Quickstart to build and preview your first page.