Build websites faster and better

What’s new in CodeKit 3.0 Version 3.2 (25849), macOS 10.11+

Compile every language

CodeKit automatically compiles all those awesome languages you read about in tutorials.

All the Cool Kids
Compile Sass, Less, Stylus, CSS, CoffeeScript, Pug, Slim, Haml, TypeScript, JavaScript, ES6, Markdown, JSON, SVG, PNG, GIF and JPEG right out of the box.
Dead-Simple Configuration
Want compressed CSS? Just check a box. Need to transpile JavaScript? Check a box. Every tool's options are available in a beautiful, clean UI. No more hacking build scripts.
Bleeding-Edge Tools
Autoprefixer for vendor prefixes. Babel.js for next-generation JavaScript. Libsass for faster Sass compiling. The best workflows are built right in.
Add Any Language
Use something that's not built-in? Easily tell CodeKit how to process files of any type, right in the UI. No stupid config files or plugins required.

Refresh Browsers

CodeKit automatically refreshes browsers as you work. Like magic.

Any Device
Mac, iOS, Android, Windows, Tesla, kitchen fridge... if it's got a modern browser, it refreshes. All major browser vendors are supported, even over SSL.
Browser Sync
Type some text in a form and it magically appears on all your other devices, too. Click a link, it's clicked on every device. Fast cross-device testing.
Zero Setup
No plugins, no script tags, no work. Just click the Preview button in CodeKit and you're done. You don't even need certificates for SSL. Really.
Injection Reloads
CSS changes are injected without reloading the entire page, so you can easily style dialogs and modal content, or just A/B test designs.
logo Created with Sketch.

Optimize

Ain't nobody got time for slow, bloated websites. CodeKit makes them faster.

Optimize Images
Get 70% smaller PNG and JPEG files in one click. SVGs and GIFs, too. Smaller images mean faster websites.
Minify Scripts & CSS
Combine scripts to reduce HTTP requests. Minify your code to reduce file sizes. All the best practices with full control over the details.
Source Maps
Minify your code, but see the original version in the browser's inspector. Works automatically with most languages and without headaches.
components Created with Sketch.

Get Started Fast

You know how frameworks have those complex “getting started” steps? How about we just do a single click instead?

Bower Power
Bower is built into CodeKit so you can install and update 56,000+ components with ease. jQuery to WordPress and everything in between.
Zurb Foundation
Spin up a Foundation or a Google Web Starter Kit project in seconds. CodeKit downloads the latest version and sets it up for you, automatically.
CSS Frameworks Galore
All the best CSS frameworks are built-in: Bourbon, Neat, Bitters, Susy, Nib, Jeet, and Compass. Just add an @import statement to your stylesheet and CodeKit makes it work.
CodeKit Frameworks
Reuse code in multiple projects but keep a single copy of it on your disk. When you update it, everything recompiles to capture the changes.

Build

Build your entire project with one click. Fine-tune the process in an intuitive, beautiful UI.

Easy Migration
Check one box and existing projects just work. No updating hundreds of output paths, no changing URLs on pages. It's magic.
Blazing Speed
Your Mac's processor has lots of cores. CodeKit uses all of them to process files in parallel so that builds finish fast.
Completely Extendable
Do literally anything. Run a custom shell script and see its output in the UI. Or use AppleScript to tell Transmit to upload your site when the build is done.
Simple Configuration
Easily customize your build process. Add steps with one click. Drag them to reorder. Setting this stuff up shouldn't require trips to Stack Overflow.

Debug

Missing that one freaking comma somewhere? Find the problem fast with built-in debugging tools.

ESLint
Scan JavaScript with the mother of all syntax-checkers. Easily customize hundreds of rules with examples and explanations right in the UI.
JSHint & JSLint
Not ready to move to ESLint? No problem. JSHint and JSLint are built-in, too. See the exact line and column number of every issue.
CoffeeLint
Scan CoffeeScript files for issues, too! Configure options in a slick UI and enforce best practices, just like you do for JavaScript.
Enforce Coding Styles
Got that one guy who uses tabs instead of spaces? Make him fall in line and easily set up rules to keep the whole team writing clean, readable code.

Reviews

Not convinced? Check out what these people said:

Our Mac updates are now scheduled around major CodeKit releases. This app is that good.
content-type: application/json {'message' : 'Who wants...
CodeKit 3 is the most deliberate evolution of our founding design. Each button's 9-step anodization process brings absolute unity and efficiency to a singular vision. This is truly a product that only Apple could create.
Is he...high?
Please stop quoting my employees.
(45 seconds later) ...a stupid GUI, anyway?'}
I'm still ignoring you on Twitter.
Do you have any idea how many lawyers $260 billion hires? All of them. All of the lawyers.
When our engineers switched to CodeKit, our phones just started blowing up...with compliments.
I found six cold kids nearby. Tap the one you want.
Your app is lame, your face is lame, your friends are lame, and your continued existence deeply offends us.
Your trademark for "CodeKit" has been rejected because it is too broad. Every app is a kit of code.
Come on, baby. I've changed! I'd never hurt you, I swear! Just give me a chance. And 30%.
Seriously, which one of these do you want? They're getting away.