Build websites, not config files.

Dozens of modern web development tools in one easy-to-use app. Get to work without grunting, gulping, or 417 trips to Stack Overflow.

Free Trial. NOT a subscription. macOS 10.11+ What’s new in CodeKit 3 »
A screenshot of the CodeKit application window showing compiling options for a Sass file.
A screenshot of the CodeKit application window showing compiling options for a JavaScript file.
A screenshot of the CodeKit application window showing a PNG image optimized with PNGQuant for a file-size reduction of 70 percent.
A screenshot of the Project Settings window in CodeKit showing options for selecting target web browsers for various tools like Autoprefixer and Babel.

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 for next-generation JavaScript. Libsass for warp-speed 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 & Sync Browsers

CodeKit automatically refreshes and syncs browsers as you work. Across devices. Like magic. No plugins, no setup.

Any Device
Mac, iOS, Android, Windows, Tesla, kitchen fridge...if it's got a modern browser, it refreshes. All major browsers are supported, even over TLS.
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 config files. Just click the Preview button in CodeKit and you're done. You don't even need certificates for TLS.
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.
A screenshot of the CodeKit application window showing PNG image optimization options with a file-size reduction of 67 percent.
A screenshot of the CodeKit application window showing JPEG optimization options with a file-size reduction of 75 percent.
A screenshot of the CodeKit application window showing an SVG image with optimization options from SVGO.
logo Created with Sketch.

Optimize

It's not 1994 anymore; slow websites suck. CodeKit optimizes your website so it runs as fast as possible.

Optimize Images
Get 70% smaller PNG and JPEG files in one click. SVGs and GIFs, too. Smaller images mean faster load times, especially on mobile.
Minify Scripts & CSS
Easily bundle JS scripts to reduce HTTP requests. Minify your JavaScript and HTML to reduce file sizes. All the best practices with full control over the details.
Cache Busting
Automatically cache-bust scripts and stylesheets so your changes take effect immediately when you deploy.
Source Maps
Minify your code, but see the original version in the browser's inspector. Works automatically with most languages and without headaches.
A screenshot of the npm interface in CodeKit showing options for installing jQuery.
A screenshot of the npm interface in CodeKit showing outdated packages and update options.
A screenshot of the npm interface in CodeKit showing the ability to install custom packages.
components Created with Sketch.

Get Started Fast

You know how frameworks have those complex “getting started” steps? Why don't we just do a single click instead?

npm Built In
CodeKit has an intuitive UI for npm. Install over 1,300,000 packages with one click. Easily see outdated items and update them in place.
Zurb Foundation
Spin up a Zurb Foundation project in seconds. CodeKit downloads the latest version and sets it up 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.
a screenshot of the CodeKit application window showing options for the Build process.

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.
A screenshot of the log view in CodeKit showing successful compiler messages
A screenshot of the log view in CodeKit showing a Sass compiling error.
A screenshot of the log view in CodeKit showing JavaScript syntax issues found by ESLint.

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: ESLint. Easily customize hundreds of rules with documentation 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.