Examples

Runnable DOCX editor starters for React, Vue, and server-rendered frameworks, plus themed and headless examples.

Use a runnable starter for a complete app. Each starter covers one framework or feature. You can also use the live demo on this page.

Runnable starters

You can find each starter in the repository's examples/ directory. The web starters use workspace:* dependencies for @docx-editor.dev/* packages. They do not use the published npm packages.

Follow these steps to run a web starter:

  1. Clone the repository.

  2. Run this command from the repository root to install dependencies:

    bun install
  3. Build the packages if the starter README requires a build:

    bun run build:packages

    The Vite with React and Vite with Vue starters alias package source. These two starters do not need this build.

  4. Run the bun run dev:* command from the starter README.

To use published packages, replace the workspace:* versions in the starter's package.json.

Read each starter's README for its exact commands.

Live demo

The following demo runs <DocxEditor> on this page. You can open one of your .docx files in it.

Next steps

On this page