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

BrowserSync

125
136
+ 1
0
CodeKit

67
99
+ 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.

Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
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?
    See which teams inside your own company are using BrowserSync or CodeKit.
    Sign up for StackShare EnterpriseLearn 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
    Prepros
    It is an interface tool which handles pre-processing, and other front-end tasks. Its greatest strength is the incredible ease with which it allows you to use pre-processors of various kinds, be they for CSS, HTML or JavaScript.
    See all alternatives