oda-framework/components/tools/docx-template/index.html

It's an ES Progressive Framework based on the technology of Web Components and designed especially for creating custom UI/UX of any complexity for web and cross-platform PWA mobile applications.

<meta charset="UTF-8">
<script type="module" src="../../../oda.js"></script>
<script type="module" src="./docx-template.js"></script>

<input id="files" type="file" style="width: 60ch; position: fixed; padding: 2px; top: 3px" accept=".docx" />
<oda-docx-template id="docx_template"></oda-docx-template>

<script>
    const fileInput = document.querySelector("#files");
    fileInput.addEventListener("change", ev => {
        docx_template.src = fileInput.files[0];
        fileInput.value = null;
    })
    docx_template.data = {
        orgName: 'ООО "БИС"',
        orgFullName: '"ОБЩЕСТВО С ОГРАНИЧЕННОЙ ОТВЕТСТВЕННОСТЬЮ "БИЗНЕСИНТЕРСОФТ"',
        orgShortName: 'ООО "БИС"',
        orgUridAddress: '390000, Рязанская область, город Рязань, ул. Ленина, д. 47, этаж/пом 2/9',
        orgFactAddress: '390000, Рязанская область, город Рязань, ул. Ленина, д. 47, этаж/пом 2/9',
        orgPostAddress: '390000, Рязанская область, город Рязань, ул. Ленина, д. 47, этаж/пом 2/9',
        orgOGRN: '1076234013712',
        orgINN: '6234049193',
        orgKPP: '623401001',
        orgDirector: 'Перепелкин Роман Александрович',
        orgRasChet: '...',
        orgPhone: '+7 (4912) 75-76-59, +7 (4912) 44-74-12, +7 (4912) 28-28-68, +7 (910) 642-39-14',
        orgMail: 'support@oda.su',
        orgSite: 'https://odant.org/',
        orgOKWD: '...',
        orgOKPO: '83612976',
        currDate: new Date().toLocaleString('ru', { year: 'numeric', month: 'long', day: 'numeric' }),
        people: [
            { name: 'Ivanov', age: 25, world: 'Naboo', ships: 'X-wing' },
            { name: 'Petrov', age: 35, world: 'Stewjon', ships: 'Millennium Falcon ' },
            { name: 'Sidorov', age: 29, world: 'Kamino', ships: 'Jedi starfighte' },
            { name: 'Ivanov', age: 25, world: 'Naboo', ships: 'X-wing' },
            { name: 'Petrov', age: 35, world: 'Stewjon', ships: 'Millennium Falcon ' },
            { name: 'Sidorov', age: 29, world: 'Kamino', ships: 'Jedi starfighte' },
            { name: 'Ivanov', age: 25, world: 'Naboo', ships: 'X-wing' },
            { name: 'Petrov', age: 35, world: 'Stewjon', ships: 'Millennium Falcon ' },
            { name: 'Sidorov', age: 29, world: 'Kamino', ships: 'Jedi starfighte' },
            { name: 'Ivanov', age: 25, world: 'Naboo', ships: 'X-wing' },
            { name: 'Petrov', age: 35, world: 'Stewjon', ships: 'Millennium Falcon ' },
            { name: 'Sidorov', age: 29, world: 'Kamino', ships: 'Jedi starfighte' },
            { name: 'Ivanov', age: 25, world: 'Naboo', ships: 'X-wing' },
            { name: 'Petrov', age: 35, world: 'Stewjon', ships: 'Millennium Falcon ' },
            { name: 'Sidorov', age: 29, world: 'Kamino', ships: 'Jedi starfighte' },
            { name: 'Ivanov', age: 25, world: 'Naboo', ships: 'X-wing' },
            { name: 'Petrov', age: 35, world: 'Stewjon', ships: 'Millennium Falcon ' },
            { name: 'Sidorov', age: 29, world: 'Kamino', ships: 'Jedi starfighte' },
        ]
    }
</script>