Voodoo.js: Bringing TSX and Reactivity Directly Into Plain HTML

Description and use

Voodoo.js lets developers write reactive interfaces with JSX/TSX syntax directly in plain HTML without bundling or compiling, simplifying prototyping and small projects.

Problem

Developers often need complex build tools to use modern frontend features like JSX/TSX and reactivity, adding overhead and configuration.

Outcome

Voodoo.js eliminates the need for bundlers and compilers, allowing developers to write modern reactive interfaces directly in plain HTML files, speeding up prototyping and simplifying small projects.

Workflow

• Add a <script src="https://cdn.jsdelivr.net/npm/voodoo.js"></script> tag to the HTML head or body.
• Define reactive data objects using Voodoo.js syntax.
• Write JSX/TSX‑style expressions directly inside the HTML markup.
• Use Voodoo.js components, events, and utilities as needed.
• Open the page in a browser to see live reactivity; no bundling or compilation required.
• Optional: use the online playground to experiment and preview changes instantly.

Evidence

Voodoo.js is an HTML first JavaScript framework designed for developers who want modern frontend capabilities without introducing a complex toolchain.

Source

No bundler. No compiler. No configuration. No project scaffolding.

Source