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 Over 300,000 downloads to date.
Your indispensable test assistant.
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.
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.
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.
Your scroll, click, refresh and form actions are mirrored between browsers while you test.
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.
Instantly sync between your desktop, tablet and phone. Perfect for coding responsive designs.
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. 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. 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. Start BrowserSync
A basic use is to watch all CSS files in the
cssdirectory and update connected browsers if a change occurs. Navigate your terminal window to a project and run the appropriate command:
If you’re only using
.htmlfiles, 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"
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"