---
title: 'Introduction'
description: 'Open source WYSIWYG DOCX editor for React and Vue. Runs in the browser: .docx in, .docx out, with tracked changes, comments, and AI tools.'
category: 'Getting Started'
order: 1
seoTitle: 'DOCX Editor for React and Vue'
---

`docx-editor` is an open-source WYSIWYG DOCX editor for React and Vue. It parses OOXML in the browser, renders paginated pages, and serializes the current document back to `.docx`. You do not need an upload service or conversion backend for normal browser editing.

<Cards>
  <Card title="Get it running" href="/docs/1.x/quickstart">
    Install the adapter, import the stylesheet, load a .docx from a file input, and save it back.
  </Card>
  <Card title="Evaluate fidelity" href="/docs/1.x/word-fidelity">
    Feature support, round-trip behavior, security model, API stability, and known limits.
  </Card>
  <Card title="Add AI tools" href="/docs/1.x/agents">
    Connect model tool calls to the editor or to server-side DOCX review.
  </Card>
</Cards>

## Packages

| Package | What's in it |
|---|---|
| [`@eigenpal/docx-editor-react`](/docs/1.x/react) | React adapter. `<DocxEditor>` with toolbar, dialogs, hooks (history, find/replace, autosave, clipboard), plugin host. |
| [`@eigenpal/docx-editor-vue`](/docs/1.x/vue) | Vue 3 adapter. Same `<DocxEditor>`, same props and ref methods; hooks become composables. |
| [`@eigenpal/nuxt-docx-editor`](/docs/1.x/vue/nuxt) | Nuxt 3 & 4 module wrapping the Vue adapter. Auto-imports an SSR-safe `<DocxEditor>`. |
| [`@eigenpal/docx-editor-core`](/docs/1.x/core) | Framework-agnostic core: OOXML parser/serializer, document model, ProseMirror schema, layout engine. |
| [`@eigenpal/docx-editor-agents`](/docs/1.x/agents) | Agent toolkit: `DocxReviewer` (headless), live-editor bridge, AI SDK adapters, MCP server, chat UI. |
| [`@eigenpal/docx-editor-i18n`](/docs/1.x/i18n) | Locale data for both adapters. Ships `en`, `de`, `fr`, `he`, `hi`, `pl`, `pt-BR`, `tr`, `zh-CN`. |

All packages are Apache 2.0 and released together in a fixed version group.

## Which package do I need?

**React app.** Install `-react`. It pulls in `-core` and `-i18n`.

```bash
npm install @eigenpal/docx-editor-react
```

**Vue 3 app.** Same shape, swap the adapter. On Nuxt, install `@eigenpal/nuxt-docx-editor` instead.

```bash
npm install @eigenpal/docx-editor-vue
```

**Server-side parsing or batch review.** No UI needed: `-core` for the document model, `-agents` for `DocxReviewer`.

```bash
npm install @eigenpal/docx-editor-core @eigenpal/docx-editor-agents
```

**AI on top of an existing editor.** Add `-agents` next to `-react` or `-vue`. Use `/mcp` from the same package when your client already supports MCP.

## What it handles

The editor models common Word constructs and writes them back through OOXML:

- Text formatting, fonts, theme colors, paragraph styles
- Tables (including merged cells and page-spanning rows), lists and numbering
- Headers, footers, sections, page layout
- Tracked changes and suggesting mode, comments with replies
- Images (inline and anchored), hyperlinks, bookmarks, fields
- Footnotes, endnotes, content controls
- Real-time collaboration over [Yjs](/docs/1.x/realtime-collaboration)

Feature-by-feature coverage and known limits: [Word fidelity](/docs/1.x/word-fidelity). You can also open one of your own documents in the [live demo](https://docx-editor.dev/editor).

## Next steps

- [Quickstart](/docs/1.x/quickstart): load, edit, and save a `.docx`
- [Installation](/docs/1.x/installation): Next.js, Vite, Remix, Astro, Vue, Nuxt
- [Word fidelity](/docs/1.x/word-fidelity): feature support and round-trip behavior
- [Examples](/docs/1.x/examples): runnable starters and live demos
