CodeKit logo


Mac app that compiles Less, Sass, Stylus, Jade, Haml, Javascript, and Markdown files automatically each time you save
+ 1

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.
CodeKit is a tool in the Live Reloading category of a tech stack.

Who uses CodeKit?

8 companies reportedly use CodeKit in their tech stacks, including BetRocket, IoES, and Sprettynice.

60 developers on StackShare have stated that they use CodeKit.

CodeKit Integrations

Pros of CodeKit
Instant setup for quick experiments
Easy to configure
Cross device live reloading
Any editor OK

CodeKit's 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.
  • It Just Works - There's no grunting at a command line and zero setup. Just drop your project on the app and go.

CodeKit Alternatives & Comparisons

What are some alternatives to CodeKit?
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.
Sublime Text
Sublime Text is available for OS X, Windows and Linux. One license is all you need to use Sublime Text on every computer you own, no matter what operating system it uses. Sublime Text uses a custom UI toolkit, optimized for speed and beauty, while taking advantage of native functionality on each platform.
Build system automating tasks: minification and copying of all JavaScript files, static images. More capable of watching files to automatically rerun the task when a file changes.
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.
NetBeans IDE
NetBeans IDE is FREE, open source, and has a worldwide community of users and developers.
See all alternatives

CodeKit's Followers
103 developers follow CodeKit to keep up with related blogs and decisions.