CodeKit
CodeKit
3.13.3

4.4

CodeKit free download for Mac

CodeKit3.13.3

29 October 2020

Build websites faster and better.

Overview

CodeKit helps you build websites faster and better.

Features:
  • Compile Everything: Process Less, Sass, Stylus, Jade, Haml, Slim, CoffeeScript, Javascript, and Compass files automatically each time you save. Easily set options for each language.
  • Live Browser Reloads: Instantly see changes in your browser, with animation and without hitting the refresh button or installing plugins. Great for tweaking layouts!
  • Combine and Minify: Reduce load times by mashing Javascript and CoffeeScript files together and then minifying with Uglify.js. It's so easy, you'll giggle like a schoolgirl. Seriously.
  • Optimize Images: Losslessly reduce JPEG and PNG file sizes with one click and see the savings. One less thing to do at deployment. (More compression options coming soon!)
  • JSHint and JSLint: Makes debugging scripts fun and easy. Instantly find that one hanging comma that kills IE, or enforce coding styles and best practices across teams.
  • Team Collaboration: Sync project settings across teams and computers in an open JSON format. Keep everyone on the same page or easily jumpstart new sites.
  • Easy Frameworks: Keep just one copy of a file on your drive and easily use it across many projects without worrying about file paths. No more copying files into every new site.
  • It Just Works: There's nothing to install or configure. No mucking around the command line. Just run the app and start working. It's that easy.

What's new in CodeKit

Version 3.13.3:
New: WebP Image Optimization
  • WebP is a Google image format that's 50-70% smaller on disk than JPEG or PNG.
  • CodeKit can now automatically export a WebP version of any PNG, JPEG, or GIF-even animated GIFs.
  • Complete control over all 8,000 WebP Optimizer settings, neatly organized into "Presets".
  • CodeKit adds WebP support system-wide, so you can view WebPs (ugh) in Finder and via QuickLook.
  • Read the documentation or watch the screencast to get up to speed.
New: Nova Extension
  • Nova is a new NATIVE Mac editor by Panic.
  • It does not suck.
  • This extension automatically launches CodeKit and adds your Project to the app whenever you open it in Nova, saving you time and hassle.
  • Install the Extension by downloading it or via Nova's Extension Library.
  • I am slightly miffed that Nova's first-run screen is now cooler than mine. I will escalate this fight until GPUs set houses on fire, Panic.
Changed:
  • The UI has been updated for Big Sur.
  • The thumbnail at the top of the image inspector is now much more performant.
  • The AppleScript API has a new method to refresh a Project.
  • The core task-dispatching part of CodeKit is now written in Swift and builds got about 12% faster as a result.
Fixed:
  • Certain textfields magically warped colors when edited in Dark Mode.
  • An issue where a "Run Script" Build Step might not save its script source correctly.
  • Edge didn't show up in the list of browsers because Microsoft changed its bundle identifier.
  • An edge-case memory leak in the Sass import scanner.
  • 3.13.2 fixes a bug in 3.13 where files set to "copy" would hang indefinitely and a bug where the "file-watching is paused" banner failed to show.

Join over 500,000 subscribers.

Subscribe for our newsletter with best Mac offers from MacUpdate.

How would you rate CodeKit app?

17 Reviews of CodeKit

5
Teksestro
22 March 2017
Version: 3.0.8

Most helpful

Absolutely cannot live without it. Forget stupid command line tools like Grunt and Gulp - which take months to learn and hours to setup - just use CodeKit. Get your web development project setup literally in 5 minutes, and all using a beautiful GUI.
(4)
5
Teksestro
22 March 2017
Version: 3.0.8
Absolutely cannot live without it. Forget stupid command line tools like Grunt and Gulp - which take months to learn and hours to setup - just use CodeKit. Get your web development project setup literally in 5 minutes, and all using a beautiful GUI.
(4)
5
jerry-turi
11 March 2017
Version: 3.0.8
I'm very happy with all Codekit features, this is absolutely worth the money. If you code, you should get it.
(0)
0.5
johnyappleby
09 December 2016
Version: 3.0.3
Not working for me anymore on macOS Sierra...
(0)
Show comment (1)
5
Gregr
05 November 2016
Version: 3.0.3
Ten billion stars! Version 3 is a huge boost in speed-- time to compile my sass files is nearly instant! This is money well spent.
(1)
5
Rochade
03 November 2016
Version: 3.0.2
Wow, one of the best web dev tools on the mac gets even better with version 3. Nice UI redesign and the build process is so streamlined, easy and flexible. Sure, you can do most of it with many other tools and also from the command line but keeping everything in one app with many additional features saves a lot of time and for a professional, time is money.
(0)
5
Teksestro
10 October 2016
Version: 2.9
Great little tool - indispensable in my web dev workflow. Developer is super responsive, conscientious, and thorough - keeping up-to-date with the current web dev trends. Can't wait to see what version 3.0 will include...
(0)
5
LuxLogica
01 May 2016
Version: 2.8
I'll say this upfront: although I like the command-line, I do prefer a good GUI. I find it infinitely easier to pre+post process my LESS/Jade/Coffeescript files in CodeKit than having to mess around with Gulp or Grunt. Being able to graphically do all my processing, including concatenation and minification, in a graphical interface is a huge relief, and already worth the money. The fact that you get Bower management thrown in, is just the icing on the cake. And then, you also get a full-blown auto-updating local preview server, automatically setup for you without needing to write a single line of code. All of this without having to litter your system with third-party products or command-line tools and plug-ins. This is an AWESOME piece of software, worth every cent.
(1)
MikeLi
06 December 2015
Version: 2.6.1
you can try this free online service to compress javascript http://www.online-code.net/minify-js.html and minify css http://www.online-code.net/minify-css.html, so it will reduce the size of web page.
(0)
Show comment (1)
Tim27
26 May 2015
Version: 2.3.10
I can only seem to get this to work with locally developed sites. Is there a trick to using it with sites hosted online?
(0)
Show comment (1)
Moxiesozo
02 October 2014
Version: 2.1.7
I *like* that final fix mentioned for 2.1.7. Was wondering how long it would take for them to get around to taking care of this critical bug! ;-)
(0)
Itistoday
19 April 2014
Version: 2.0.4
Looks like a GUI for Grunt (which is free).
(0)
Show comment (1)
5
Diarbyrag
29 March 2014
Version: 2.0.3
Absolutely Brilliant, does everything I need, built in server, press save and the site updates on your computer, iPad, iphone instantly. Gets better every update and $29 is a bargain !
(0)
Mikael-B
05 January 2014
Version: 1.7.1
Now, when I'm upgraded to Mavericks the demo seems gone?
(0)
Show comment (1)
Mikael-B
30 July 2013
Version: 1.7.1
This looks really cool. Too bad it needs OS X 10.7.
(0)
X3i
22 July 2013
Version: 1.7.1
How is that app different from LiveReload aside from being 3 times more expensive and having OSX 10.7 requirement?
(2)
Show comment (1)
DevMan
18 July 2013
Version: 1.5.1
Actual version is 1.7.1
(0)
Show comment (1)
4
Rochade
05 January 2013
Version: 1.4.1
This app changed my way to build websites - especially web templates. I have heard about SASS, LESS and CoffeeScript before but this app was the reason why I had a closer look at those tools. Now I don't know why I ignored those great tools! I have some minor issues with the app (e.g. changing the output of SASS files won't apply when working on an existing project) but I am sure those small problems are either because I still don't fully understand the app or they will be fixed in a future update. There also is one feature I would like to be added: automatically add the files from the Frameworks to the project folder. I have some scripts working with other files (PHP, images, ...) but I only can include javascript files in my project when adding a framework. If you are new to web development, this app may be not for you, as you will have to know the tools (CSS, HTML, Javascript, SASS, ...) or you should be willing to learn a lot. But if you know to code, this app is very helpful and adds a nice GUI to the included tools.
(0)
$35.00Buy Now

4.4

App requirements: 
  • Intel 64
  • OS X 10.11.0 or later
License: 
PaidOne-Time Purchase

Downloaded & Installed 102,397 times

Similar apps
Coda
Coda
One-window Web development suite.
Is this app is similar to Coda? Vote to improve the quality of this list.
Vote results
3
Upvotes
3
Total score
0
Downvotes
Prepros
Prepros
Allows you to work in multiple languages.
Is this app is similar to Prepros? Vote to improve the quality of this list.
Vote results
0
Upvotes
2
Total score
0
Downvotes
Solis
Solis
Code's editors integrator.
Is this app is similar to Solis? Vote to improve the quality of this list.
Vote results
1
Upvotes
1
Total score
0
Downvotes
Ghostlab
Ghostlab
Test and troubleshoot websites in various browsers and mobile devices.
Is this app is similar to Ghostlab? Vote to improve the quality of this list.
Vote results
0
Upvotes
1
Total score
0
Downvotes
Squeezer
Squeezer
Minify, compile, and compress Web sources and images.
Is this app is similar to Squeezer? Vote to improve the quality of this list.
Vote results
3
Upvotes
0
Total score
-3
Downvotes