OPEN SOURCE Open to build on. Yours to make.

Give your words
room to grow.

From first thought to final draft. Write, format and tell your story with images. Studio is your browser-based writing workspace and a Vue editor you can make part of your product.

Try the editor Explore the source

No account needed. Your documents stay in this browser.

YOUR WORKSPACEActual application preview

Studio Editor with favorites and tag filters on the left, formatting tools and an open document in the center.

FROM THOUGHT TO DOCUMENT

The tools you need,
right where you write.

From everyday notes to detailed content, all in one workspace.

Find your writing flow

Headings, task lists, slash commands and Markdown shortcuts. Find your way through long documents with searchable, collapsible headings. Move whole sections and adjust their heading levels together.

/ commands · @ mentions

Take control of tables

Select multiple cells, merge, resize columns and format in bulk. Paste tables from Excel and Google Sheets.

Cell formatting · TSV paste

Tell your story visually

Add images from your media library, then crop, rotate and adjust their colors. Work with video, audio and PDF files too. Add LaTeX equations, chemical reactions and editable molecule drawings from the Math & chemistry dialog.

Image editing · Equations · Molecules

A place for every draft

Favorites, tags and full-text search. Keep going with autosave, persistent versions and full workspace backups.

Local storage · Version history

Make room for feedback

Add comments to text, reply and resolve them. Suggest edits to a selection, then accept or reject each change. Filter content checks, repair heading gaps and captions, and download a review report.

Comments · Content checks · Review reports

Ready to share your work

Open the HTML source, preview and export your work. Download a DOCX file or print to PDF from your browser.

HTML · DOCX · Print to PDF

FOR DEVELOPERS

Make it part
of your own project.

Run the standalone app or add the Vue 3 component to your product. Connect it using HTML and JSON APIs, events and media adapters.

Vue component documentation

Try the HTML form integration

Run it locally

git clone https://github.com/metinweb/studio-editor.git
cd studio-editor
npm ci
npm run dev

OPEN SOURCE, OPEN DEVELOPMENT

Let’s build a better
editor together.

Studio Editor is an evolving beta. Contribute a bug report, an improvement or an idea worth exploring.

Real-time collaboration is experimental. Automatic track changes and DOCX import are not yet supported. The demo stores documents locally; back up your work before clearing browser data.

Contribution guide ↗Report a bug / share an idea ↗

For your next idea.

A blank page is waiting.

Start writing