Time-saving synchronised browser testing.

BrowserSync makes your tweaking and testing faster by synchronising file changes and interactions across multiple devices. It’s wicked-fast and totally free.

Get Started Approx 180,000 downloads per month

Your indispensable test assistant.

URL History

Streamlines your process.

With each web page, device and browser, testing time grows exponentially. From live reloads to URL pushing, form replication to click mirroring, BrowserSync cuts out repetitive manual tasks. It’s like an extra pair of hands.

Responsive UI

Works where you need it to.

BrowserSync is built with web tech, so you can install on OS X, Windows or Linux, then serve local sites to a huge range of browsers and devices. Even the UI runs in a browser — try it on a tablet to create a second-screen control panel.

Sync Options

Slots right into your workflow.

Customise an array of sync settings from the UI or command line to create a personalised test environment. Need more control? BrowserSync is easily integrated with your web platform, build tools and other Node.js projects.

More features added, still free.

  • Interaction sync

    Your scroll, click, refresh and form actions are mirrored between browsers while you test.

  • File sync

    Browsers are automatically updated as you change HTML, CSS, images and other project files.

  • URL history New

    Records your test URLs so you can push them back out to all devices with a single click.

  • Sync customisation New

    Toggle individual sync settings to create your preferred test environment.

  • Remote inspector New

    Remotely tweak and debug web pages that are running on connected devices.

  • URL tunneling New

    Create a secure public URL to share your local sites with any internet-connected device.

  • UI or CLI control New

    Run the new browser-based UI for quick control, or stick with the original command line usage.

  • Browser support

    Instantly sync between your desktop, tablet and phone. Perfect for coding responsive designs.

  • Build-tool compatible

    Easily integrated with task runners like Grunt and Gulp, or included in other Node projects.

  • Serve any local site

    Ready to use with websites running on PHP, ASP, Rails and more. Great with static files too.

  • Install and run anywhere

    Built on Node.js to support Windows, MacOS and Linux. Setup in less than 5 minutes.

  • Free to run and reuse

    BrowserSync is an open source project available to use under the Apache 2.0 License.

Tried and trusted.

  • Want to feel like a modern day demigod? Fire up BrowserSync and control an entire device lab with your phone.

    Dave Rupert, Paravel and Shop Talk Show

  • It has a fantastic feature-set and at least 5 developers I’ve spoken to this week alone swear by it for their own synchronized cross-device testing.

    Addy Osmani, Google

  • BrowserSync looks like an neat utility for responsive designs, synchronizing URLs and reloads across devices.

    Ethan Marcotte, Responsive Web Design

  • Oh BrowserSync, how I love thee. Farewell Command R, my left thumb and index finger shall miss you not.

    Brad Sawicki, Eleven Eleven

  • Get started in 5 minutes.

    1. 1. Install Node.js

      BrowserSync is a module for Node.js, a platform for fast network applications. There are convenient installers for MacOS, Windows and Linux.

    2. 2. Install BrowserSync

      The Node.js package manager (npm) is used to install BrowserSync from a repository. Open a terminal window and run the following command:

      npm install -g browser-sync

      You’re telling the package manager to download the BrowserSync files and install them globally so they’re available to all your projects.

    3. 3. Start BrowserSync

      A basic use is to watch all CSS files in the css directory and update connected browsers if a change occurs. Navigate your terminal window to a project and run the appropriate command:

      Static sites

      If you’re only using .html files, you’ll need to use the server mode. BrowserSync will start a mini-server and provide a URL to view your site.

      browser-sync start --server --files "css/*.css"

      Dynamic sites

      If you’re already running a local server with PHP or similar, you’ll need to use the proxy mode. BrowserSync will wrap your vhost with a proxy URL to view your site.

      browser-sync start --proxy "myproject.dev" --files "css/*.css"