BranchesTags

Latest commit

History

5,521 Commits

Folders and files

NameName
Last commit message
Last commit date
.github
.github
.vscode
.vscode
apps
apps
brand/assets/logos
brand/assets/logos
demos
demos
devtools
devtools
docs/architecture
docs/architecture
evals
evals
examples
examples
packages
packages
patches
patches
scripts
scripts
shared
shared
tests
tests
.ackrc
.ackrc
.dockerignore
.dockerignore
.gitignore
.gitignore
.gitleaks.toml
.gitleaks.toml
.nvmrc
.nvmrc
.prettierignore
.prettierignore
.prettierrc
.prettierrc
AGENTS.md
AGENTS.md
CLAUDE.md
CLAUDE.md
CODE_OF_CONDUCT.md
CODE_OF_CONDUCT.md
CONTRIBUTING.md
CONTRIBUTING.md
LICENSE
LICENSE
README.md
README.md
SECURITY.md
SECURITY.md
TESTING.md
TESTING.md
THIRD_PARTY_LICENSES.md
THIRD_PARTY_LICENSES.md
brand.md
brand.md
cicd.md
cicd.md
codecov.yml
codecov.yml
comment-policy.md
comment-policy.md
commitlint.config.js
commitlint.config.js
context7.json
context7.json
eslint.config.docs.mjs
eslint.config.docs.mjs
eslint.config.mjs
eslint.config.mjs
lefthook.yml
lefthook.yml
package.json
package.json
pnpm-lock.yaml
pnpm-lock.yaml
pnpm-workspace.yaml
pnpm-workspace.yaml
renovate.json5
renovate.json5
tsconfig.base.json
tsconfig.base.json
tsconfig.references.json
tsconfig.references.json
vite.sourceResolve.ts
vite.sourceResolve.ts
vitest.baseConfig.ts
vitest.baseConfig.ts
vitest.config.mjs
vitest.config.mjs

Repository files navigation

SuperDoc logo
SuperDoc

The document engine for DOCX files.
Renders, edits, and automates .docx files in the browser, headless on the server, and within AI agent workflows.
Self-hosted. Open source. Works with React, Vue, and vanilla JS.

SuperDoc

Quick start

npm install superdoc

React

npm install @superdoc-dev/react
import{SuperDocEditor}from'@superdoc-dev/react';import'@superdoc-dev/react/style.css';functionApp(){return(<SuperDocEditordocument={file}documentMode="editing"onReady={()=>console.log('Ready!')}/>);}

See the @superdoc-dev/react README for full React documentation.

Vanilla JavaScript

import'superdoc/style.css';import{SuperDoc}from'superdoc';constsuperdoc=newSuperDoc({selector: '#superdoc',toolbar: '#superdoc-toolbar',document: '/sample.docx',documentMode: 'editing',});

Or use the CDN:

<linkrel="stylesheet" href="https://unpkg.com/superdoc/dist/style.css" /><scripttype="module" src="https://unpkg.com/superdoc/dist/superdoc.umd.js"></script>

For all available options and events, see the documentation or SuperDoc.js.

Using an AI coding agent?

Set up your project for AI agents and configure the MCP server:

npx @superdoc-dev/create # generates AGENTS.md for your framework
claude mcp add superdoc -- npx @superdoc-dev/mcp # connect agent to DOCX files

Features

  • Real DOCX, not rich text — Built on OOXML. Real pagination, section breaks, headers/footers. Not a contenteditable wrapper with export bolted on.
  • Self-hosted — Runs entirely in the browser. Your documents never leave your servers.
  • Any framework — React, Vue, Angular, Svelte, vanilla JS. One component, zero lock-in.
  • Real-time collaboration — Yjs-based CRDT. Multiplayer editing with comments, tracked changes, and automatic conflict resolution.
  • Agentic tooling — Runs headless in Node.js. Bring your own LLM for document automation, redlining, and template workflows.
  • Dual licensed — AGPLv3 for community use. Commercial license for proprietary deployments.

Examples

Starter projects to get you running quickly:

Example
ReactVue
AngularNext.js
Vanilla JSCDN
CommentsTrack changes
ToolbarAI redlining
AI redlining (server-side)

Browse all examples

Documentation

docs.superdoc.dev — installation, integration guides, collaboration setup, API reference, and more.

Roadmap

See the SuperDoc roadmap for what's coming next. DOCX import/export fidelity is always a top priority.

Contributing

Check the issue tracker for open issues, or read the Contributing Guide to get started. Bug reports with reproduction .docx files are especially valuable.

Community

  • Discord — Chat with the team and other contributors
  • Email — Reach the team directly

License

Acknowledgments

Built on ProseMirror, Yjs, JSZip, and Vite.

Community Contributors

Special thanks to these community members who have contributed code to SuperDoc:

financialviceluciorubeensDannyhvvhenriquedevelopsybrodskyicaroharryasumaranJ-Michalekgm1357roncallytgpardhivvarmalucbicclaudiu-iorBranc0Muhammad-Nur-Alamsyah-Anwarandrewsrigomiguit0PeterHollensbaristaGeekAnuj52AbdeltotoJoaaoVeronamichaelreavantArturQuirinokiluazenkendaller

Want to see your avatar here? Check the Contributing Guide to get started.

Created and maintained by Harbour and the SuperDoc community

About

🦋️ SuperDoc - modern document editing

superdoc.dev

Resources

Readme
License

Code of conduct

Code of conduct

Contributing

Contributing

Security policy

Security policy
Activity
Custom properties

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
BranchesTags
Latest commit
History
5,521 Commits
Folders and files
NameName
Last commit message
Last commit date
.github
.github
.vscode
.vscode
apps
apps
brand/assets/logos
brand/assets/logos
demos
demos
devtools
devtools
docs/architecture
docs/architecture
evals
evals
examples
examples
packages
packages
patches
patches
scripts
scripts
shared
shared
tests
tests
.ackrc
.ackrc
.dockerignore
.dockerignore
.gitignore
.gitignore
.gitleaks.toml
.gitleaks.toml
.nvmrc
.nvmrc
.prettierignore
.prettierignore
.prettierrc
.prettierrc
AGENTS.md
AGENTS.md
CLAUDE.md
CLAUDE.md
CODE_OF_CONDUCT.md
CODE_OF_CONDUCT.md
CONTRIBUTING.md
CONTRIBUTING.md
LICENSE
LICENSE
README.md
README.md
SECURITY.md
SECURITY.md
TESTING.md
TESTING.md
THIRD_PARTY_LICENSES.md
THIRD_PARTY_LICENSES.md
brand.md
brand.md
cicd.md
cicd.md
codecov.yml
codecov.yml
comment-policy.md
comment-policy.md
commitlint.config.js
commitlint.config.js
context7.json
context7.json
eslint.config.docs.mjs
eslint.config.docs.mjs
eslint.config.mjs
eslint.config.mjs
lefthook.yml
lefthook.yml
package.json
package.json
pnpm-lock.yaml
pnpm-lock.yaml
pnpm-workspace.yaml
pnpm-workspace.yaml
renovate.json5
renovate.json5
tsconfig.base.json
tsconfig.base.json
tsconfig.references.json
tsconfig.references.json
vite.sourceResolve.ts
vite.sourceResolve.ts
vitest.baseConfig.ts
vitest.baseConfig.ts
vitest.config.mjs
vitest.config.mjs
Repository files navigation
SuperDoc logo

SuperDoc

The document engine for DOCX files.

Renders, edits, and automates .docx files in the browser, headless on the server, and within AI agent workflows.

Self-hosted. Open source. Works with React, Vue, and vanilla JS.

SuperDoc
Quick start
npm install superdoc
React
npm install @superdoc-dev/react
import{SuperDocEditor}from'@superdoc-dev/react';import'@superdoc-dev/react/style.css';functionApp(){return(<SuperDocEditordocument={file}documentMode="editing"onReady={()=>console.log('Ready!')}/>);}
See the @superdoc-dev/react README for full React documentation.
Vanilla JavaScript
import'superdoc/style.css';import{SuperDoc}from'superdoc';constsuperdoc=newSuperDoc({selector: '#superdoc',toolbar: '#superdoc-toolbar',document: '/sample.docx',documentMode: 'editing',});
Or use the CDN:
<linkrel="stylesheet" href="https://unpkg.com/superdoc/dist/style.css" /><scripttype="module" src="https://unpkg.com/superdoc/dist/superdoc.umd.js"></script>
For all available options and events, see the documentation or SuperDoc.js.
Using an AI coding agent?
Set up your project for AI agents and configure the MCP server:
npx @superdoc-dev/create # generates AGENTS.md for your framework
claude mcp add superdoc -- npx @superdoc-dev/mcp # connect agent to DOCX files
Features
  • Real DOCX, not rich text — Built on OOXML. Real pagination, section breaks, headers/footers. Not a contenteditable wrapper with export bolted on.
  • Self-hosted — Runs entirely in the browser. Your documents never leave your servers.
  • Any framework — React, Vue, Angular, Svelte, vanilla JS. One component, zero lock-in.
  • Real-time collaboration — Yjs-based CRDT. Multiplayer editing with comments, tracked changes, and automatic conflict resolution.
  • Agentic tooling — Runs headless in Node.js. Bring your own LLM for document automation, redlining, and template workflows.
  • Dual licensed — AGPLv3 for community use. Commercial license for proprietary deployments.
Examples
Starter projects to get you running quickly:
Example
ReactVue
AngularNext.js
Vanilla JSCDN
CommentsTrack changes
ToolbarAI redlining
AI redlining (server-side)
Browse all examples
Documentation
docs.superdoc.dev — installation, integration guides, collaboration setup, API reference, and more.
Roadmap
See the SuperDoc roadmap for what's coming next. DOCX import/export fidelity is always a top priority.
Contributing
Check the issue tracker for open issues, or read the Contributing Guide to get started. Bug reports with reproduction .docx files are especially valuable.
Community
  • Discord — Chat with the team and other contributors
  • Email — Reach the team directly
License
Acknowledgments
Built on ProseMirror, Yjs, JSZip, and Vite.
Community Contributors
Special thanks to these community members who have contributed code to SuperDoc:
financialviceluciorubeensDannyhvvhenriquedevelopsybrodskyicaroharryasumaranJ-Michalekgm1357roncallytgpardhivvarmalucbicclaudiu-iorBranc0Muhammad-Nur-Alamsyah-Anwarandrewsrigomiguit0PeterHollensbaristaGeekAnuj52AbdeltotoJoaaoVeronamichaelreavantArturQuirinokiluazenkendaller
Want to see your avatar here? Check the Contributing Guide to get started.
Created and maintained by Harbour and the SuperDoc community
About
🦋️ SuperDoc - modern document editing
superdoc.dev
Resources
Readme
License
Code of conduct
Code of conduct
Contributing
Contributing
Security policy
Security policy
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Latest commit
History
5,521 Commits
Folders and files
NameName
Last commit message
Last commit date
.github
.github
.vscode
.vscode
apps
apps
brand/assets/logos
brand/assets/logos
demos
demos
devtools
devtools
docs/architecture
docs/architecture
evals
evals
examples
examples
packages
packages
patches
patches
scripts
scripts
shared
shared
tests
tests
.ackrc
.ackrc
.dockerignore
.dockerignore
.gitignore
.gitignore
.gitleaks.toml
.gitleaks.toml
.nvmrc
.nvmrc
.prettierignore
.prettierignore
.prettierrc
.prettierrc
AGENTS.md
AGENTS.md
CLAUDE.md
CLAUDE.md
CODE_OF_CONDUCT.md
CODE_OF_CONDUCT.md
CONTRIBUTING.md
CONTRIBUTING.md
LICENSE
LICENSE
README.md
README.md
SECURITY.md
SECURITY.md
TESTING.md
TESTING.md
THIRD_PARTY_LICENSES.md
THIRD_PARTY_LICENSES.md
brand.md
brand.md
cicd.md
cicd.md
codecov.yml
codecov.yml
comment-policy.md
comment-policy.md
commitlint.config.js
commitlint.config.js
context7.json
context7.json
eslint.config.docs.mjs
eslint.config.docs.mjs
eslint.config.mjs
eslint.config.mjs
lefthook.yml
lefthook.yml
package.json
package.json
pnpm-lock.yaml
pnpm-lock.yaml
pnpm-workspace.yaml
pnpm-workspace.yaml
renovate.json5
renovate.json5
tsconfig.base.json
tsconfig.base.json
tsconfig.references.json
tsconfig.references.json
vite.sourceResolve.ts
vite.sourceResolve.ts
vitest.baseConfig.ts
vitest.baseConfig.ts
vitest.config.mjs
vitest.config.mjs
Repository files navigation
SuperDoc logo

SuperDoc

The document engine for DOCX files.

Renders, edits, and automates .docx files in the browser, headless on the server, and within AI agent workflows.

Self-hosted. Open source. Works with React, Vue, and vanilla JS.

SuperDoc
Quick start
npm install superdoc
React
npm install @superdoc-dev/react
import{SuperDocEditor}from'@superdoc-dev/react';import'@superdoc-dev/react/style.css';functionApp(){return(<SuperDocEditordocument={file}documentMode="editing"onReady={()=>console.log('Ready!')}/>);}
See the @superdoc-dev/react README for full React documentation.
Vanilla JavaScript
import'superdoc/style.css';import{SuperDoc}from'superdoc';constsuperdoc=newSuperDoc({selector: '#superdoc',toolbar: '#superdoc-toolbar',document: '/sample.docx',documentMode: 'editing',});
Or use the CDN:
<linkrel="stylesheet" href="https://unpkg.com/superdoc/dist/style.css" /><scripttype="module" src="https://unpkg.com/superdoc/dist/superdoc.umd.js"></script>
For all available options and events, see the documentation or SuperDoc.js.
Using an AI coding agent?
Set up your project for AI agents and configure the MCP server:
npx @superdoc-dev/create # generates AGENTS.md for your framework
claude mcp add superdoc -- npx @superdoc-dev/mcp # connect agent to DOCX files
Features
  • Real DOCX, not rich text — Built on OOXML. Real pagination, section breaks, headers/footers. Not a contenteditable wrapper with export bolted on.
  • Self-hosted — Runs entirely in the browser. Your documents never leave your servers.
  • Any framework — React, Vue, Angular, Svelte, vanilla JS. One component, zero lock-in.
  • Real-time collaboration — Yjs-based CRDT. Multiplayer editing with comments, tracked changes, and automatic conflict resolution.
  • Agentic tooling — Runs headless in Node.js. Bring your own LLM for document automation, redlining, and template workflows.
  • Dual licensed — AGPLv3 for community use. Commercial license for proprietary deployments.
Examples
Starter projects to get you running quickly:
Example
ReactVue
AngularNext.js
Vanilla JSCDN
CommentsTrack changes
ToolbarAI redlining
AI redlining (server-side)
Browse all examples
Documentation
docs.superdoc.dev — installation, integration guides, collaboration setup, API reference, and more.
Roadmap
See the SuperDoc roadmap for what's coming next. DOCX import/export fidelity is always a top priority.
Contributing
Check the issue tracker for open issues, or read the Contributing Guide to get started. Bug reports with reproduction .docx files are especially valuable.
Community
  • Discord — Chat with the team and other contributors
  • Email — Reach the team directly
License
Acknowledgments
Built on ProseMirror, Yjs, JSZip, and Vite.
Community Contributors
Special thanks to these community members who have contributed code to SuperDoc:
financialviceluciorubeensDannyhvvhenriquedevelopsybrodskyicaroharryasumaranJ-Michalekgm1357roncallytgpardhivvarmalucbicclaudiu-iorBranc0Muhammad-Nur-Alamsyah-Anwarandrewsrigomiguit0PeterHollensbaristaGeekAnuj52AbdeltotoJoaaoVeronamichaelreavantArturQuirinokiluazenkendaller
Want to see your avatar here? Check the Contributing Guide to get started.
Created and maintained by Harbour and the SuperDoc community
About
🦋️ SuperDoc - modern document editing
superdoc.dev
Resources
Readme
License
Code of conduct
Code of conduct
Contributing
Contributing
Security policy
Security policy
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Latest commit
History
5,521 Commits
Folders and files
NameName
Last commit message
Last commit date
.github
.github
.vscode
.vscode
apps
apps
brand/assets/logos
brand/assets/logos
demos
demos
devtools
devtools
docs/architecture
docs/architecture
evals
evals
examples
examples
packages
packages
patches
patches
scripts
scripts
shared
shared
tests
tests
.ackrc
.ackrc
.dockerignore
.dockerignore
.gitignore
.gitignore
.gitleaks.toml
.gitleaks.toml
.nvmrc
.nvmrc
.prettierignore
.prettierignore
.prettierrc
.prettierrc
AGENTS.md
AGENTS.md
CLAUDE.md
CLAUDE.md
CODE_OF_CONDUCT.md
CODE_OF_CONDUCT.md
CONTRIBUTING.md
CONTRIBUTING.md
LICENSE
LICENSE
README.md
README.md
SECURITY.md
SECURITY.md
TESTING.md
TESTING.md
THIRD_PARTY_LICENSES.md
THIRD_PARTY_LICENSES.md
brand.md
brand.md
cicd.md
cicd.md
codecov.yml
codecov.yml
comment-policy.md
comment-policy.md
commitlint.config.js
commitlint.config.js
context7.json
context7.json
eslint.config.docs.mjs
eslint.config.docs.mjs
eslint.config.mjs
eslint.config.mjs
lefthook.yml
lefthook.yml
package.json
package.json
pnpm-lock.yaml
pnpm-lock.yaml
pnpm-workspace.yaml
pnpm-workspace.yaml
renovate.json5
renovate.json5
tsconfig.base.json
tsconfig.base.json
tsconfig.references.json
tsconfig.references.json
vite.sourceResolve.ts
vite.sourceResolve.ts
vitest.baseConfig.ts
vitest.baseConfig.ts
vitest.config.mjs
vitest.config.mjs
Repository files navigation
SuperDoc logo

SuperDoc

The document engine for DOCX files.

Renders, edits, and automates .docx files in the browser, headless on the server, and within AI agent workflows.

Self-hosted. Open source. Works with React, Vue, and vanilla JS.

SuperDoc
Quick start
npm install superdoc
React
npm install @superdoc-dev/react
import{SuperDocEditor}from'@superdoc-dev/react';import'@superdoc-dev/react/style.css';functionApp(){return(<SuperDocEditordocument={file}documentMode="editing"onReady={()=>console.log('Ready!')}/>);}
See the @superdoc-dev/react README for full React documentation.
Vanilla JavaScript
import'superdoc/style.css';import{SuperDoc}from'superdoc';constsuperdoc=newSuperDoc({selector: '#superdoc',toolbar: '#superdoc-toolbar',document: '/sample.docx',documentMode: 'editing',});
Or use the CDN:
<linkrel="stylesheet" href="https://unpkg.com/superdoc/dist/style.css" /><scripttype="module" src="https://unpkg.com/superdoc/dist/superdoc.umd.js"></script>
For all available options and events, see the documentation or SuperDoc.js.
Using an AI coding agent?
Set up your project for AI agents and configure the MCP server:
npx @superdoc-dev/create # generates AGENTS.md for your framework
claude mcp add superdoc -- npx @superdoc-dev/mcp # connect agent to DOCX files
Features
  • Real DOCX, not rich text — Built on OOXML. Real pagination, section breaks, headers/footers. Not a contenteditable wrapper with export bolted on.
  • Self-hosted — Runs entirely in the browser. Your documents never leave your servers.
  • Any framework — React, Vue, Angular, Svelte, vanilla JS. One component, zero lock-in.
  • Real-time collaboration — Yjs-based CRDT. Multiplayer editing with comments, tracked changes, and automatic conflict resolution.
  • Agentic tooling — Runs headless in Node.js. Bring your own LLM for document automation, redlining, and template workflows.
  • Dual licensed — AGPLv3 for community use. Commercial license for proprietary deployments.
Examples
Starter projects to get you running quickly:
Example
ReactVue
AngularNext.js
Vanilla JSCDN
CommentsTrack changes
ToolbarAI redlining
AI redlining (server-side)
Browse all examples
Documentation
docs.superdoc.dev — installation, integration guides, collaboration setup, API reference, and more.
Roadmap
See the SuperDoc roadmap for what's coming next. DOCX import/export fidelity is always a top priority.
Contributing
Check the issue tracker for open issues, or read the Contributing Guide to get started. Bug reports with reproduction .docx files are especially valuable.
Community
  • Discord — Chat with the team and other contributors
  • Email — Reach the team directly
License
Acknowledgments
Built on ProseMirror, Yjs, JSZip, and Vite.
Community Contributors
Special thanks to these community members who have contributed code to SuperDoc:
financialviceluciorubeensDannyhvvhenriquedevelopsybrodskyicaroharryasumaranJ-Michalekgm1357roncallytgpardhivvarmalucbicclaudiu-iorBranc0Muhammad-Nur-Alamsyah-Anwarandrewsrigomiguit0PeterHollensbaristaGeekAnuj52AbdeltotoJoaaoVeronamichaelreavantArturQuirinokiluazenkendaller
Want to see your avatar here? Check the Contributing Guide to get started.
Created and maintained by Harbour and the SuperDoc community
About
🦋️ SuperDoc - modern document editing
superdoc.dev
Resources
Readme
License
Code of conduct
Code of conduct
Contributing
Contributing
Security policy
Security policy
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
BranchesTags
Latest commit
History
5,521 Commits
Folders and files
NameName
Last commit message
Last commit date
.github
.github
.vscode
.vscode
apps
apps
brand/assets/logos
brand/assets/logos
demos
demos
devtools
devtools
docs/architecture
docs/architecture
evals
evals
examples
examples
packages
packages
patches
patches
scripts
scripts
shared
shared
tests
tests
.ackrc
.ackrc
.dockerignore
.dockerignore
.gitignore
.gitignore
.gitleaks.toml
.gitleaks.toml
.nvmrc
.nvmrc
.prettierignore
.prettierignore
.prettierrc
.prettierrc
AGENTS.md
AGENTS.md
CLAUDE.md
CLAUDE.md
CODE_OF_CONDUCT.md
CODE_OF_CONDUCT.md
CONTRIBUTING.md
CONTRIBUTING.md
LICENSE
LICENSE
README.md
README.md
SECURITY.md
SECURITY.md
TESTING.md
TESTING.md
THIRD_PARTY_LICENSES.md
THIRD_PARTY_LICENSES.md
brand.md
brand.md
cicd.md
cicd.md
codecov.yml
codecov.yml
comment-policy.md
comment-policy.md
commitlint.config.js
commitlint.config.js
context7.json
context7.json
eslint.config.docs.mjs
eslint.config.docs.mjs
eslint.config.mjs
eslint.config.mjs
lefthook.yml
lefthook.yml
package.json
package.json
pnpm-lock.yaml
pnpm-lock.yaml
pnpm-workspace.yaml
pnpm-workspace.yaml
renovate.json5
renovate.json5
tsconfig.base.json
tsconfig.base.json
tsconfig.references.json
tsconfig.references.json
vite.sourceResolve.ts
vite.sourceResolve.ts
vitest.baseConfig.ts
vitest.baseConfig.ts
vitest.config.mjs
vitest.config.mjs
Repository files navigation
SuperDoc logo

SuperDoc

The document engine for DOCX files.

Renders, edits, and automates .docx files in the browser, headless on the server, and within AI agent workflows.

Self-hosted. Open source. Works with React, Vue, and vanilla JS.

SuperDoc
Quick start
npm install superdoc
React
npm install @superdoc-dev/react
import{SuperDocEditor}from'@superdoc-dev/react';import'@superdoc-dev/react/style.css';functionApp(){return(<SuperDocEditordocument={file}documentMode="editing"onReady={()=>console.log('Ready!')}/>);}
See the @superdoc-dev/react README for full React documentation.
Vanilla JavaScript
import'superdoc/style.css';import{SuperDoc}from'superdoc';constsuperdoc=newSuperDoc({selector: '#superdoc',toolbar: '#superdoc-toolbar',document: '/sample.docx',documentMode: 'editing',});
Or use the CDN:
<linkrel="stylesheet" href="https://unpkg.com/superdoc/dist/style.css" /><scripttype="module" src="https://unpkg.com/superdoc/dist/superdoc.umd.js"></script>
For all available options and events, see the documentation or SuperDoc.js.
Using an AI coding agent?
Set up your project for AI agents and configure the MCP server:
npx @superdoc-dev/create # generates AGENTS.md for your framework
claude mcp add superdoc -- npx @superdoc-dev/mcp # connect agent to DOCX files
Features
  • Real DOCX, not rich text — Built on OOXML. Real pagination, section breaks, headers/footers. Not a contenteditable wrapper with export bolted on.
  • Self-hosted — Runs entirely in the browser. Your documents never leave your servers.
  • Any framework — React, Vue, Angular, Svelte, vanilla JS. One component, zero lock-in.
  • Real-time collaboration — Yjs-based CRDT. Multiplayer editing with comments, tracked changes, and automatic conflict resolution.
  • Agentic tooling — Runs headless in Node.js. Bring your own LLM for document automation, redlining, and template workflows.
  • Dual licensed — AGPLv3 for community use. Commercial license for proprietary deployments.
Examples
Starter projects to get you running quickly:
Example
ReactVue
AngularNext.js
Vanilla JSCDN
CommentsTrack changes
ToolbarAI redlining
AI redlining (server-side)
Browse all examples
Documentation
docs.superdoc.dev — installation, integration guides, collaboration setup, API reference, and more.
Roadmap
See the SuperDoc roadmap for what's coming next. DOCX import/export fidelity is always a top priority.
Contributing
Check the issue tracker for open issues, or read the Contributing Guide to get started. Bug reports with reproduction .docx files are especially valuable.
Community
  • Discord — Chat with the team and other contributors
  • Email — Reach the team directly
License
Acknowledgments
Built on ProseMirror, Yjs, JSZip, and Vite.
Community Contributors
Special thanks to these community members who have contributed code to SuperDoc:
financialviceluciorubeensDannyhvvhenriquedevelopsybrodskyicaroharryasumaranJ-Michalekgm1357roncallytgpardhivvarmalucbicclaudiu-iorBranc0Muhammad-Nur-Alamsyah-Anwarandrewsrigomiguit0PeterHollensbaristaGeekAnuj52AbdeltotoJoaaoVeronamichaelreavantArturQuirinokiluazenkendaller
Want to see your avatar here? Check the Contributing Guide to get started.
Created and maintained by Harbour and the SuperDoc community
About
🦋️ SuperDoc - modern document editing
superdoc.dev
Resources
Readme
License
Code of conduct
Code of conduct
Contributing
Contributing
Security policy
Security policy
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Latest commit
History
5,521 Commits
Folders and files
NameName
Last commit message
Last commit date
.github
.github
.vscode
.vscode
apps
apps
brand/assets/logos
brand/assets/logos
demos
demos
devtools
devtools
docs/architecture
docs/architecture
evals
evals
examples
examples
packages
packages
patches
patches
scripts
scripts
shared
shared
tests
tests
.ackrc
.ackrc
.dockerignore
.dockerignore
.gitignore
.gitignore
.gitleaks.toml
.gitleaks.toml
.nvmrc
.nvmrc
.prettierignore
.prettierignore
.prettierrc
.prettierrc
AGENTS.md
AGENTS.md
CLAUDE.md
CLAUDE.md
CODE_OF_CONDUCT.md
CODE_OF_CONDUCT.md
CONTRIBUTING.md
CONTRIBUTING.md
LICENSE
LICENSE
README.md
README.md
SECURITY.md
SECURITY.md
TESTING.md
TESTING.md
THIRD_PARTY_LICENSES.md
THIRD_PARTY_LICENSES.md
brand.md
brand.md
cicd.md
cicd.md
codecov.yml
codecov.yml
comment-policy.md
comment-policy.md
commitlint.config.js
commitlint.config.js
context7.json
context7.json
eslint.config.docs.mjs
eslint.config.docs.mjs
eslint.config.mjs
eslint.config.mjs
lefthook.yml
lefthook.yml
package.json
package.json
pnpm-lock.yaml
pnpm-lock.yaml
pnpm-workspace.yaml
pnpm-workspace.yaml
renovate.json5
renovate.json5
tsconfig.base.json
tsconfig.base.json
tsconfig.references.json
tsconfig.references.json
vite.sourceResolve.ts
vite.sourceResolve.ts
vitest.baseConfig.ts
vitest.baseConfig.ts
vitest.config.mjs
vitest.config.mjs
Repository files navigation
SuperDoc logo

SuperDoc

The document engine for DOCX files.

Renders, edits, and automates .docx files in the browser, headless on the server, and within AI agent workflows.

Self-hosted. Open source. Works with React, Vue, and vanilla JS.

SuperDoc
Quick start
npm install superdoc
React
npm install @superdoc-dev/react
import{SuperDocEditor}from'@superdoc-dev/react';import'@superdoc-dev/react/style.css';functionApp(){return(<SuperDocEditordocument={file}documentMode="editing"onReady={()=>console.log('Ready!')}/>);}
See the @superdoc-dev/react README for full React documentation.
Vanilla JavaScript
import'superdoc/style.css';import{SuperDoc}from'superdoc';constsuperdoc=newSuperDoc({selector: '#superdoc',toolbar: '#superdoc-toolbar',document: '/sample.docx',documentMode: 'editing',});
Or use the CDN:
<linkrel="stylesheet" href="https://unpkg.com/superdoc/dist/style.css" /><scripttype="module" src="https://unpkg.com/superdoc/dist/superdoc.umd.js"></script>
For all available options and events, see the documentation or SuperDoc.js.
Using an AI coding agent?
Set up your project for AI agents and configure the MCP server:
npx @superdoc-dev/create # generates AGENTS.md for your framework
claude mcp add superdoc -- npx @superdoc-dev/mcp # connect agent to DOCX files
Features
  • Real DOCX, not rich text — Built on OOXML. Real pagination, section breaks, headers/footers. Not a contenteditable wrapper with export bolted on.
  • Self-hosted — Runs entirely in the browser. Your documents never leave your servers.
  • Any framework — React, Vue, Angular, Svelte, vanilla JS. One component, zero lock-in.
  • Real-time collaboration — Yjs-based CRDT. Multiplayer editing with comments, tracked changes, and automatic conflict resolution.
  • Agentic tooling — Runs headless in Node.js. Bring your own LLM for document automation, redlining, and template workflows.
  • Dual licensed — AGPLv3 for community use. Commercial license for proprietary deployments.
Examples
Starter projects to get you running quickly:
Example
ReactVue
AngularNext.js
Vanilla JSCDN
CommentsTrack changes
ToolbarAI redlining
AI redlining (server-side)
Browse all examples
Documentation
docs.superdoc.dev — installation, integration guides, collaboration setup, API reference, and more.
Roadmap
See the SuperDoc roadmap for what's coming next. DOCX import/export fidelity is always a top priority.
Contributing
Check the issue tracker for open issues, or read the Contributing Guide to get started. Bug reports with reproduction .docx files are especially valuable.
Community
  • Discord — Chat with the team and other contributors
  • Email — Reach the team directly
License
Acknowledgments
Built on ProseMirror, Yjs, JSZip, and Vite.
Community Contributors
Special thanks to these community members who have contributed code to SuperDoc:
financialviceluciorubeensDannyhvvhenriquedevelopsybrodskyicaroharryasumaranJ-Michalekgm1357roncallytgpardhivvarmalucbicclaudiu-iorBranc0Muhammad-Nur-Alamsyah-Anwarandrewsrigomiguit0PeterHollensbaristaGeekAnuj52AbdeltotoJoaaoVeronamichaelreavantArturQuirinokiluazenkendaller
Want to see your avatar here? Check the Contributing Guide to get started.
Created and maintained by Harbour and the SuperDoc community
About
🦋️ SuperDoc - modern document editing
superdoc.dev
Resources
Readme
License
Code of conduct
Code of conduct
Contributing
Contributing
Security policy
Security policy
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Latest commit
History
5,521 Commits
Folders and files
NameName
Last commit message
Last commit date
.github
.github
.vscode
.vscode
apps
apps
brand/assets/logos
brand/assets/logos
demos
demos
devtools
devtools
docs/architecture
docs/architecture
evals
evals
examples
examples
packages
packages
patches
patches
scripts
scripts
shared
shared
tests
tests
.ackrc
.ackrc
.dockerignore
.dockerignore
.gitignore
.gitignore
.gitleaks.toml
.gitleaks.toml
.nvmrc
.nvmrc
.prettierignore
.prettierignore
.prettierrc
.prettierrc
AGENTS.md
AGENTS.md
CLAUDE.md
CLAUDE.md
CODE_OF_CONDUCT.md
CODE_OF_CONDUCT.md
CONTRIBUTING.md
CONTRIBUTING.md
LICENSE
LICENSE
README.md
README.md
SECURITY.md
SECURITY.md
TESTING.md
TESTING.md
THIRD_PARTY_LICENSES.md
THIRD_PARTY_LICENSES.md
brand.md
brand.md
cicd.md
cicd.md
codecov.yml
codecov.yml
comment-policy.md
comment-policy.md
commitlint.config.js
commitlint.config.js
context7.json
context7.json
eslint.config.docs.mjs
eslint.config.docs.mjs
eslint.config.mjs
eslint.config.mjs
lefthook.yml
lefthook.yml
package.json
package.json
pnpm-lock.yaml
pnpm-lock.yaml
pnpm-workspace.yaml
pnpm-workspace.yaml
renovate.json5
renovate.json5
tsconfig.base.json
tsconfig.base.json
tsconfig.references.json
tsconfig.references.json
vite.sourceResolve.ts
vite.sourceResolve.ts
vitest.baseConfig.ts
vitest.baseConfig.ts
vitest.config.mjs
vitest.config.mjs
Repository files navigation
SuperDoc logo

SuperDoc

The document engine for DOCX files.

Renders, edits, and automates .docx files in the browser, headless on the server, and within AI agent workflows.

Self-hosted. Open source. Works with React, Vue, and vanilla JS.

SuperDoc
Quick start
npm install superdoc
React
npm install @superdoc-dev/react
import{SuperDocEditor}from'@superdoc-dev/react';import'@superdoc-dev/react/style.css';functionApp(){return(<SuperDocEditordocument={file}documentMode="editing"onReady={()=>console.log('Ready!')}/>);}
See the @superdoc-dev/react README for full React documentation.
Vanilla JavaScript
import'superdoc/style.css';import{SuperDoc}from'superdoc';constsuperdoc=newSuperDoc({selector: '#superdoc',toolbar: '#superdoc-toolbar',document: '/sample.docx',documentMode: 'editing',});
Or use the CDN:
<linkrel="stylesheet" href="https://unpkg.com/superdoc/dist/style.css" /><scripttype="module" src="https://unpkg.com/superdoc/dist/superdoc.umd.js"></script>
For all available options and events, see the documentation or SuperDoc.js.
Using an AI coding agent?
Set up your project for AI agents and configure the MCP server:
npx @superdoc-dev/create # generates AGENTS.md for your framework
claude mcp add superdoc -- npx @superdoc-dev/mcp # connect agent to DOCX files
Features
  • Real DOCX, not rich text — Built on OOXML. Real pagination, section breaks, headers/footers. Not a contenteditable wrapper with export bolted on.
  • Self-hosted — Runs entirely in the browser. Your documents never leave your servers.
  • Any framework — React, Vue, Angular, Svelte, vanilla JS. One component, zero lock-in.
  • Real-time collaboration — Yjs-based CRDT. Multiplayer editing with comments, tracked changes, and automatic conflict resolution.
  • Agentic tooling — Runs headless in Node.js. Bring your own LLM for document automation, redlining, and template workflows.
  • Dual licensed — AGPLv3 for community use. Commercial license for proprietary deployments.
Examples
Starter projects to get you running quickly:
Example
ReactVue
AngularNext.js
Vanilla JSCDN
CommentsTrack changes
ToolbarAI redlining
AI redlining (server-side)
Browse all examples
Documentation
docs.superdoc.dev — installation, integration guides, collaboration setup, API reference, and more.
Roadmap
See the SuperDoc roadmap for what's coming next. DOCX import/export fidelity is always a top priority.
Contributing
Check the issue tracker for open issues, or read the Contributing Guide to get started. Bug reports with reproduction .docx files are especially valuable.
Community
  • Discord — Chat with the team and other contributors
  • Email — Reach the team directly
License
Acknowledgments
Built on ProseMirror, Yjs, JSZip, and Vite.
Community Contributors
Special thanks to these community members who have contributed code to SuperDoc:
financialviceluciorubeensDannyhvvhenriquedevelopsybrodskyicaroharryasumaranJ-Michalekgm1357roncallytgpardhivvarmalucbicclaudiu-iorBranc0Muhammad-Nur-Alamsyah-Anwarandrewsrigomiguit0PeterHollensbaristaGeekAnuj52AbdeltotoJoaaoVeronamichaelreavantArturQuirinokiluazenkendaller
Want to see your avatar here? Check the Contributing Guide to get started.
Created and maintained by Harbour and the SuperDoc community
About
🦋️ SuperDoc - modern document editing
superdoc.dev
Resources
Readme
License
Code of conduct
Code of conduct
Contributing
Contributing
Security policy
Security policy
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
BranchesTags
Latest commit
History
5,521 Commits
Folders and files
NameName
Last commit message
Last commit date
.github
.github
.vscode
.vscode
apps
apps
brand/assets/logos
brand/assets/logos
demos
demos
devtools
devtools
docs/architecture
docs/architecture
evals
evals
examples
examples
packages
packages
patches
patches
scripts
scripts
shared
shared
tests
tests
.ackrc
.ackrc
.dockerignore
.dockerignore
.gitignore
.gitignore
.gitleaks.toml
.gitleaks.toml
.nvmrc
.nvmrc
.prettierignore
.prettierignore
.prettierrc
.prettierrc
AGENTS.md
AGENTS.md
CLAUDE.md
CLAUDE.md
CODE_OF_CONDUCT.md
CODE_OF_CONDUCT.md
CONTRIBUTING.md
CONTRIBUTING.md
LICENSE
LICENSE
README.md
README.md
SECURITY.md
SECURITY.md
TESTING.md
TESTING.md
THIRD_PARTY_LICENSES.md
THIRD_PARTY_LICENSES.md
brand.md
brand.md
cicd.md
cicd.md
codecov.yml
codecov.yml
comment-policy.md
comment-policy.md
commitlint.config.js
commitlint.config.js
context7.json
context7.json
eslint.config.docs.mjs
eslint.config.docs.mjs
eslint.config.mjs
eslint.config.mjs
lefthook.yml
lefthook.yml
package.json
package.json
pnpm-lock.yaml
pnpm-lock.yaml
pnpm-workspace.yaml
pnpm-workspace.yaml
renovate.json5
renovate.json5
tsconfig.base.json
tsconfig.base.json
tsconfig.references.json
tsconfig.references.json
vite.sourceResolve.ts
vite.sourceResolve.ts
vitest.baseConfig.ts
vitest.baseConfig.ts
vitest.config.mjs
vitest.config.mjs
Repository files navigation
SuperDoc logo

SuperDoc

The document engine for DOCX files.

Renders, edits, and automates .docx files in the browser, headless on the server, and within AI agent workflows.

Self-hosted. Open source. Works with React, Vue, and vanilla JS.

SuperDoc
Quick start
npm install superdoc
React
npm install @superdoc-dev/react
import{SuperDocEditor}from'@superdoc-dev/react';import'@superdoc-dev/react/style.css';functionApp(){return(<SuperDocEditordocument={file}documentMode="editing"onReady={()=>console.log('Ready!')}/>);}
See the @superdoc-dev/react README for full React documentation.
Vanilla JavaScript
import'superdoc/style.css';import{SuperDoc}from'superdoc';constsuperdoc=newSuperDoc({selector: '#superdoc',toolbar: '#superdoc-toolbar',document: '/sample.docx',documentMode: 'editing',});
Or use the CDN:
<linkrel="stylesheet" href="https://unpkg.com/superdoc/dist/style.css" /><scripttype="module" src="https://unpkg.com/superdoc/dist/superdoc.umd.js"></script>
For all available options and events, see the documentation or SuperDoc.js.
Using an AI coding agent?
Set up your project for AI agents and configure the MCP server:
npx @superdoc-dev/create # generates AGENTS.md for your framework
claude mcp add superdoc -- npx @superdoc-dev/mcp # connect agent to DOCX files
Features
  • Real DOCX, not rich text — Built on OOXML. Real pagination, section breaks, headers/footers. Not a contenteditable wrapper with export bolted on.
  • Self-hosted — Runs entirely in the browser. Your documents never leave your servers.
  • Any framework — React, Vue, Angular, Svelte, vanilla JS. One component, zero lock-in.
  • Real-time collaboration — Yjs-based CRDT. Multiplayer editing with comments, tracked changes, and automatic conflict resolution.
  • Agentic tooling — Runs headless in Node.js. Bring your own LLM for document automation, redlining, and template workflows.
  • Dual licensed — AGPLv3 for community use. Commercial license for proprietary deployments.
Examples
Starter projects to get you running quickly:
Example
ReactVue
AngularNext.js
Vanilla JSCDN
CommentsTrack changes
ToolbarAI redlining
AI redlining (server-side)
Browse all examples
Documentation
docs.superdoc.dev — installation, integration guides, collaboration setup, API reference, and more.
Roadmap
See the SuperDoc roadmap for what's coming next. DOCX import/export fidelity is always a top priority.
Contributing
Check the issue tracker for open issues, or read the Contributing Guide to get started. Bug reports with reproduction .docx files are especially valuable.
Community
  • Discord — Chat with the team and other contributors
  • Email — Reach the team directly
License
Acknowledgments
Built on ProseMirror, Yjs, JSZip, and Vite.
Community Contributors
Special thanks to these community members who have contributed code to SuperDoc:
financialviceluciorubeensDannyhvvhenriquedevelopsybrodskyicaroharryasumaranJ-Michalekgm1357roncallytgpardhivvarmalucbicclaudiu-iorBranc0Muhammad-Nur-Alamsyah-Anwarandrewsrigomiguit0PeterHollensbaristaGeekAnuj52AbdeltotoJoaaoVeronamichaelreavantArturQuirinokiluazenkendaller
Want to see your avatar here? Check the Contributing Guide to get started.
Created and maintained by Harbour and the SuperDoc community
About
🦋️ SuperDoc - modern document editing
superdoc.dev
Resources
Readme
License
Code of conduct
Code of conduct
Contributing
Contributing
Security policy
Security policy
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages