Need advice about which tool to choose?Ask the StackShare community!

BrowserSync

123
140
+ 1
0
CodeKit

69
103
+ 1
28
Add tool

BrowserSync vs CodeKit: What are the differences?

BrowserSync: Reload all your browsers, every time you hit save. BrowserSync makes your tweaking and testing faster by synchronising file changes and interactions across multiple devices. It’s wicked-fast and totally free; CodeKit: Mac app that compiles Less, Sass, Stylus, Jade, Haml, Javascript, and Markdown files automatically each time you save. Process Less, Sass, Stylus, Jade, Haml, Slim, CoffeeScript, Javascript, and Compass files automatically each time you save. Easily set options for each language.

BrowserSync and CodeKit belong to "Live Reloading" category of the tech stack.

Some of the features offered by BrowserSync are:

  • Interaction sync
  • File sync
  • URL history

On the other hand, CodeKit provides the following key features:

  • Compile Everything - Less, Sass, Stylus, CoffeeScript, Typescript, Jade, Haml, Slim, Markdown & Javascript.
  • Auto-Refresh Browsers - Refresh browsers across devices: Mac, PC, iOS, Android & kitchen fridge. Never hit command+R again.
  • Bower Built-In - Install 6,000+ components with a single click: Bootstrap, jQuery, Modernizr, Zurb Foundation, even WordPress.

BrowserSync is an open source tool with 10.7K GitHub stars and 689 GitHub forks. Here's a link to BrowserSync's open source repository on GitHub.

Manage your open source components, licenses, and vulnerabilities
Learn More
Pros of BrowserSync
Pros of CodeKit
    Be the first to leave a pro
    • 8
      Instant setup for quick experiments
    • 8
      Easy to configure
    • 7
      Cross device live reloading
    • 5
      Any editor OK

    Sign up to add or upvote prosMake informed product decisions

    - No public GitHub repository available -

    What is BrowserSync?

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

    What is CodeKit?

    Process Less, Sass, Stylus, Jade, Haml, Slim, CoffeeScript, Javascript, and Compass files automatically each time you save. Easily set options for each language.

    Need advice about which tool to choose?Ask the StackShare community!

    What companies use BrowserSync?
    What companies use CodeKit?
    Manage your open source components, licenses, and vulnerabilities
    Learn More

    Sign up to get full access to all the companiesMake informed product decisions

    What tools integrate with BrowserSync?
    What tools integrate with CodeKit?
    What are some alternatives to BrowserSync and CodeKit?
    Webpack
    A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders" modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
    Browserify
    Browserify lets you require('modules') in the browser by bundling up all of your dependencies.
    LiveReload
    LiveReload monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed.
    Ghostlab
    It is a Mac based app that allows you to test out your responsive design across a variety of devices and browsers
    Git
    Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
    See all alternatives