Astro Editor for Mac

A native macOS markdown editor for Astro content collections. Clean writing interface with automatic frontmatter editing based on your collection schemas.

https://github.com/user-attachments/assets/e7358217-d876-4b45-befb-d6cd22f52b49

Features

Writing Environment Clean markdown/MDX editor with syntax highlighting. Frontmatter and imports are hidden while editing, shown in a dedicated sidebar. Focus mode (highlights current sentence), copyedit mode (highlights parts of speech), and typewriter mode (keeps the cursor centered on screen). Customizable heading colors with separate settings for dark and light themes. Image preview on hover (Option + hover over paths). Comprehensive keyboard shortcuts for formatting, headings, and navigation. Auto-save: saves 2 seconds after you stop typing (configurable) with backup saves every 10 seconds while typing, and before the app quits. If a save fails, your unsaved text is kept in a recovery file. Light/dark theme with system integration. IDE integration (open files/projects in VSCode, Cursor, etc.).

Frontmatter & Schema Integration Generates editing forms from your Astro collection schemas with proper validation. Supports all Zod types: strings, numbers, dates, booleans, enums, arrays, nested objects, references, and image fields. Image fields provide drag-and-drop with automatic copying to your assets directory using relative paths by default (configurable per project/collection). Field constraints (min/max, character limits) shown as hints under each field.

MDX Components Cmd + / opens the component builder, listing the components in your MDX components folders (src/components/mdx/ by default), plus Starlight's own components in Starlight projects. Pick one and fill in a form for its props, built from their types, with image and collection entry pickers. Supports Astro, React, Vue, and Svelte components. Optionally adds the component's import to the file for you (experimental).

File Management Collections read from your content.config.ts, with each collection's folder and file pattern taken from its loader, so content can live anywhere in the project. Full support for subdirectories within collections. Files sorted by publication date (configurable field name) with draft indicators. New files named by a pattern per collection: the date, the title, or both. Context menu for rename, duplicate, reveal in Finder, copy path. Command palette (Cmd + P) for quick file switching and command access. Project list (Cmd + Shift + O) for switching between projects and finding ones you've moved. Opening a project takes you back to the file you had open.

Project Settings Shows what Astro Editor found in your project (each collection's folder, frontmatter fields and schema) and flags anything it couldn't work out. Change only what it got wrong: collection folders, field mappings (title, date, draft, description), file names, image folders and more.