CodeKit vs LiveReload

Overview

CodeKit

Stacks69

Followers103

Votes28

LiveReload

Stacks653

Followers70

Votes8

GitHub Stars1.4K

Forks164

CodeKit vs LiveReload: What are the differences?

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; LiveReload: CSS edits and image changes apply live. CoffeeScript, SASS, LESS and others just work. LiveReload monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed.

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

"Easy to configure" is the primary reason why developers consider CodeKit over the competitors, whereas "Lightweight, Gulp support" was stated as the key factor in picking LiveReload.

LiveReload is an open source tool with 1.43K GitHub stars and 180 GitHub forks. Here's a link to LiveReload's open source repository on GitHub.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs

CLI (Node.js)

Manual

Detailed Comparison

CodeKit	LiveReload
Process Less, Sass, Stylus, Jade, Haml, Slim, CoffeeScript, Javascript, and Compass files automatically each time you save. Easily set options for each language.	LiveReload monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed.
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.;It Just Works - There's no grunting at a command line and zero setup. Just drop your project on the app and go.	-
Statistics
GitHub Stars -	GitHub Stars 1.4K
GitHub Forks -	GitHub Forks 164
Stacks 69	Stacks 653
Followers 103	Followers 70
Votes 28	Votes 8
Pros & Cons
Pros 8 Instant setup for quick experiments 8 Easy to configure 7 Cross device live reloading 5 Any editor OK	Pros 4 Lightweight, Gulp support 2 Reliable 1 Stable in Chrome 1 More stable on windows
Integrations
Bower Foundation Bourbon Compass	No integrations available

What are some alternatives to CodeKit, LiveReload?

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.

BrowserSync

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

Related Comparisons

Bitbucket vs GitHub vs GitLab

AWS CodeCommit vs Bitbucket vs GitHub

Docker Swarm vs Kubernetes vs Rancher

Grunt vs Webpack vs gulp

Grafana vs Graphite vs Kibana