Skip to content
Makoo
A development framework for component-driven userscripts.
Makoo provides a stable injection runtime for userscript projects, so you can build script interfaces on real web pages with Vue or React.
example.com/profile
#header
Profile header
DOM
HeaderBadge
Injected by Vue adapter
DevTools Console
runtime
[Makoo][INFO][2026-06-06T10:24:12.312Z] Task "header-badge" registered
[Makoo][INFO][2026-06-06T10:24:12.419Z] Element "#header" found, observer disconnected
[Makoo][INFO][2026-06-06T10:24:12.526Z] Artifact "HeaderBadge" injected at "#header"
[Makoo][INFO][2026-06-06T10:24:12.633Z] Task "header-badge" alive observer activated
Why Makoo?
Built for component-driven userscripts. Makoo provides a stable injection runtime, so you can focus on building interfaces instead of repeatedly handling DOM targeting, mounting, and reinjection.
Component-first
Build injected UI with Vue or React instead of scattered DOM operations and string templates.
DOM-aware runtime
Wait for target nodes, observe page redraws, and keep injection behavior stable on real sites.
Predictable lifecycle
Register, mount, observe, reinject, and destroy injection tasks through one runtime model.
Vite-native workflow
Keep fast local development, TypeScript builds, and userscript tooling inside the Vite ecosystem.