Opal Editor

A in-browser, local-first, no-server/serverless markdown editor with images and publishing capabilities.

Features

• Local-first: All your content stays on your device
• No server required: Works entirely in your browser
• Markdown editing: Clean, distraction-free writing experience
• Image support: Embed and manage images seamlessly
• Publishing: Share your work when you're ready

Browser Compatibility

Desktop Only - Supported browsers:

Chrome    Firefox    Edge ⚠️    Safari ⚠️

Required Features:

• LocalStorage
• IndexedDB
• Service Workers
• OPFS (optional)

Get Started

Visit opaledx.com to start writing.

Development

npm install
npm run dev

Build

npm run build 

Quick Start

1. Navigate to http://localhost:3000
2. Add Project
3. Select file system, (indexeddb)
4. Enjoy!

Credits

• The workhorse of the WYSIWIG editing is from the great work of @petyosi - MDX-Editor
• Polished Stone Effect adapted from @jhey's codepen
• Codemirror 6
• shadcn