A teacher opens a session, students join and see code, preview, and cursor positions in real time — like CodeTogether + Live Server + Figma, all inside VS Code.
A complete toolkit for real-time code sharing, collaboration, and live preview — all without leaving VS Code.
Host creates a session with a unique code. Students join instantly — no setup, no accounts, just a code and a URL.
All workspace files synced from host to students instantly.
Only changed ranges are sent — no cursor jumps, no lag.
Host switches file — students' editors follow automatically.
Figma-style colored cursors with names for all participants.
Add inline comments on any line, visible to everyone.
Built-in iframe preview with live reload on every save. See your HTML, CSS, and JavaScript changes reflected instantly without switching windows.
Host, Admin, Editor, Viewer — each with specific permissions.
Share sessions over the internet with one click.
Teacher enters a display name and clicks Create Session. The server starts automatically on localhost:3000 and generates a unique session code.
Students enter the session code and server URL, click Join Session. All workspace files are synced automatically — no setup needed.
Every keystroke, cursor move, and file switch is synced in real time. The built-in live preview shows the rendered page instantly.
Control who can edit, comment, manage roles, and kick users. All permissions enforced server-side.
Session creator with full control.
Trusted assistant with elevated permissions.
Can contribute code and comments.
Read-only access for observation.
Search for "WebSync Live" in the Extensions tab, or install directly:
Open in Marketplaceext install MazyLawzey.websync-live
Click the WebSync Live icon in the Activity Bar (left side of VS Code).
Enter your display name, click Create Session to host, or enter a session code to Join. That's it!
Behind a NAT or firewall? Use ngrok to share your session globally. Get a free auth token, click Share, and paste it. Students get a public URL to join from anywhere.
We're just getting started. WebSync Live will keep evolving — and our growth depends entirely on you, our users.
Extension published on VS Code Marketplace — free and open source for everyone.
Figma-style colored cursors with names, selection highlighting, and live position tracking.
Our own managed servers so you don't need to self-host. Create a session, get a link — students join from anywhere without ngrok or port forwarding.
Save and restore session state — reconnect without losing progress, even after VS Code restarts.
Full multi-language support for the extension UI — starting with English and Russian, with more languages to follow based on community demand.
Communicate with your students directly inside VS Code — no need for external apps.
JWT auth, encrypted WebSocket channels, and secure session management for production use.
WebSync Live is built by a tiny team with a big vision. Every install, every star, every session created — it all matters. The more people use it, the faster we can develop new features, set up cloud infrastructure, and make collaborative coding accessible for every classroom in the world.
Start using WebSync Live today — free, open source, and built for educators.