Vibe

A Reactive Runtime UI Framework

Vibe is a lightweight frontend framework that brings reactivity to your web applications without any build step. Simply include one JavaScript file and start building. 🤯 👉

How It Works

Vibe uses modern browser APIs to achieve fine-grained reactivity:

• Proxies for reactive state management
• MutationObserver for automatic DOM tracking
• State, Parse, Affected, Hydrate, Link — the responsibilities of Vibe

A cutting edge, bleeding edge, edgy framework!

Innovation through minimalism. Modern browsers ship with Proxies, MutationObserver, and native ES modules—powerful primitives that most frameworks bury under abstraction. Vibe builds directly on these APIs, pushing what's possible with zero build step and zero dependencies.

LLMs Get It

Vibe is closer to what web development was meant to be—just HTML, CSS, and JavaScript. No transpilation, no JSX, no framework-specific patterns to memorize. LLMs have a much easier time understanding and modifying plain markup than decoding abstraction layers. As a bonus, simpler code means less context and fewer tokens spent.

Less tooling-around

No webpack, no babel, no bundler configs to debug at midnight. Drop a script tag in your HTML and start building. Your browser is the build tool.

Roadmap for Early 2026

Vibe is currently in Phase 2—evaluating runtime feature completeness & figuring out the best option for traditional "components". Phase 3 introduces an optional compiler, unlocking ahead-of-time optimizations & greatly improved DX in the form of syntactic sugar & splitting up .html files.