Opal Editor

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

• 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

Desktop Only - Supported browsers:

Chrome Firefox Edge ⚠️ Safari ⚠️

Required Features:

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

Visit opaledx.com to start writing.

npm install
npm run dev

npm run build 

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

• 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