Easily generate and modify .docx files with JS/TS. Works for Node and on the Browser.
Here are examples of docx being used with basic HTML/JS in a browser environment:
Here are examples of docx working in Angular:
Here are examples of docx working in React:
- https://stackblitz.com/edit/react-docx
- https://stackblitz.com/edit/react-docx-images (adding images to Word Document)
Here is an example of docx working in Vue.js:
Press endpoint on the RunKit website:
- https://runkit.com/dolanmiu/docx-demo1 - Simple paragraph and text
- https://runkit.com/dolanmiu/docx-demo2 - Advanced Paragraphs and text
- https://runkit.com/dolanmiu/docx-demo3 - Bullet points
- https://runkit.com/dolanmiu/docx-demo4 - Simple table
- https://runkit.com/dolanmiu/docx-demo5 - Images
- https://runkit.com/dolanmiu/docx-demo6 - Margins
- https://runkit.com/dolanmiu/docx-demo7 - Landscape
- https://runkit.com/dolanmiu/docx-demo8 - Header and Footer
- https://runkit.com/dolanmiu/docx-demo10 - My CV generated with docx
More here
This fork now includes first-class Arabic presets so you can generate documents with RTL direction, right alignment, and Arabic language metadata with minimal boilerplate.
Quick example:
import { Document, Paragraph, TextRun } from "docx";
const doc = new Document({
arabic: {
locale: "ar-SA",
font: "Amiri",
rightToLeftGutter: true,
},
sections: [
{
children: [
new Paragraph({
arabic: true,
children: [
new TextRun({
arabic: true,
text: "مرحبا بكم",
}),
],
}),
],
},
],
});- Full guide: docs/usage/arabic.md
- Full demo: demo/101-arabic-full-mode.ts
Please refer to the documentation at https://docx.js.org/ for details on how to use this library, examples and much more!
Experience docx in action through Docx.js Editor, an interactive playground where you can code and preview the results in real-time.
Check the demo folder for examples.
Read the contribution guidelines here.
...and many more!
Made with 💖