FlashSync

⚡ FlashSync

Super-fast live HTML/CSS editing inside any browser — directly from VS Code. No build tools. No frameworks. No refresh. Pure instant UI feedback.

How to Use FlashSync

1. Install FlashSync from VS Code Marketplace

   • Search for: FlashSync

2. Add this script tag to the bottom of your HTML file:

```
*(React / Angular support coming in future updates.)*

3. Start the live sync server

   • Open the command palette: Ctrl + Shift + P

   • Run: Start FlashSync

   • Your browser will connect automatically.

   • To stop

   • Open the command palette: Ctrl + Shift + P

   • Run: Stop FlashSync

4. Edit HTML/CSS in VS Code

   • Your browser updates instantly — no refresh, no reload, no delay.

What FlashSync Does

FlashSync gives you instant, real-time browser updates while editing:

• HTML — patched directly using DOM-diff (no reload)
• CSS — inline, internal, and external instantly updates
• Class changes — instantly visible
• Layout / color / style changes

Perfect for prototypes, static UI, and HTML templates.

Just save or type — your browser updates instantly.

Features

Instant HTML Updating (Zero Reload)

FlashSync uses DOM diffing to patch only the changed parts of the page:

• No full reload
• No losing form input
• No losing scroll position
• No losing UI state
• Just instant visual updates.