Vrowzer

Vite dev server in the Browser

/vraʊ.zɛr/ — Vite + Browser, inspired from French pronounce

[!WARNING]
This project is under active development and is not yet ready for production use. APIs and features may change without notice.

🐱 Motivation

• Bundlers like Vite achieve HMR through a dev server and WebSocket connection, providing a development experience with live preview while coding
• However, current HMR implementations are WebSocket-based, so there’s no existing solution that uses an in-browser bundler like rolldown to deliver Vite-like high-performance preview experiences
• This project was created to enable efficient, high-performance live preview system for no-code/low-code products using rolldown

The following video shows an editor with a live preview built in a browser using Vrowzer:

📦 Packages

Package	Description
vrowzer	Embeddable live preview system with HMR, powered by Vite dev server in the browser
@vrowzer/vite-plugin	Vite plugin for vrowzer
@vrowzer/vite-dev-server	Vite dev server for vrowzer
@vrowzer/rolldown	Pre-bundled @rolldown/browser for easy browser usage
@vrowzer/fs	Browser-compatible filesystem using memfs for vrowzer
@vrowzer/node-polyfill	Browser-compatible Node.js module polyfills for vrowzer
@vrowzer/service-worker	Safely deploy and manage Service Workers with version control, bidirectional communication, and emergency shutdown capabilities
@vrowzer/service-worker-server	Serverized service worker with the Node Server interface
@vrowzer/unplugin-service-worker	unplugin for @vrowzer/service-worker

✅ TODO

List is here

💖 Credits

This project is inspired and powered by:

• vite, created by Evan You and Vite community
• rolldown, create by VoidZero and community

©️ License

MIT