A text editor for paged documents.
Embed DocFlow in your app, and footnotes stay on the page that cites them. A4 pagination, CSL citations, a self-updating bibliography, and real-time collaboration.
From package to a working editor in four steps
Use the Vue components, the Web Component, or the headless core. Ship the same document engine that runs DocFlow Cloud.
Install
Add the Vue package, the Web Component, or the headless core.
Initialize
Call DocsEditor or createEditor() with the default plugins.
Customize
Adjust the toolbar, theme, schema, and add your own plugins.
Deploy
Enable collaboration over WebSocket, or run offline.
Footnotes and citations, done properly
A note leaves the sentence that cites it and lands at the bottom of the page that owns it. Pagination runs first, so the height a note adds can push the page break one line further.
Citations use real CSL styles: APA, MLA, and Chicago. The bibliography stores nothing and re-renders from the citation engine whenever a source changes.
A4 pages, headers, footers, and export
DocFlow lays the document out as pages: A4, Letter, or Legal, with automatic page breaks, headers, footers, and page numbers. What you see on screen is what the exported file keeps.
Export to DOCX, PDF, ODT, RTF, HTML, TXT, or Markdown. The same document can leave the editor as an editable file or a print-ready page.
Collaboration and layout-aware AI
Real-time collaboration is built in with Yjs CRDT. Self-host the WebSocket backend or use serverless WebRTC; cursors, avatars, and live sync work without a separate service.
The aiStream and aiDraft hooks keep generated text inside the page layout, so an AI draft respects the A4 page instead of flooding one endless editor.
Why teams build on DocFlow
A complete document layer for products that need real pages, real citations, and control over where the data lives.
Open source
The full editor, including footnotes, citations, and bibliography, is Apache-2.0. No paid gate on the page model.
Self-hostable
Run the editor, collaboration backend, and AI ports inside your own infrastructure. Sensitive documents stay in your network.
Page-true by default
A4 pagination, page-anchored notes, headers, footers, and page numbers are built into the core.
Real citation styles
APA, MLA, and Chicago (notes and author-date), rendered by a citeproc engine, not string concatenation.
Vue and Web Component
Use the Vue 3 components, the Web Component, or the headless core in any framework.
Built for Indonesia
Bahasa Indonesia locale and local document patterns such as kop surat and formal letters.
Put page-true documents in your product.
Start with the open-source editor, or run DocFlow Cloud for hosted collaboration and AI.
Explore various stories about data
Many stories can be generated by data from various existing sources or industries