Features Videos Help About Updates
Menu Buy Now

Build websites, not config files.

Dozens of web development tools in one fully-native Mac app. Get to work without grunting, gulping, or 47 trips to Stack Overflow.

Free Trial, NO subscription. Requires macOS 10.15+
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. Dart Sass 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

Slow websites suck. CodeKit makes sure you don't build a slow website.

Optimize Images
70% smaller PNG and JPEG files in one click. SVGs, GIFs, and WebP images too. Smaller images mean faster load times, especially on mobile.
Minify Scripts & CSS
Easily bundle JavaScript to reduce HTTP requests. Minify JS and HTML to reduce file sizes. Remove unused CSS from stylesheets. Best practices everywhere.
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.
A screenshot of the npm interface in CodeKit.
components Created with Sketch.

Get Started Fast

Who the hell wants a 15-step "Getting Started" guide? Let's 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.
Tailwind + Bootstrap
Spin up a Tailwind, Bootstrap, or Zurb Foundation project in seconds. CodeKit downloads and configures the latest version.
CSS Frameworks Galore
All the best CSS frameworks are built-in: Bourbon, Neat, Bitters, Susy, Nib, and Jeet. 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.
Flexible Config
CodeKit can read ESLint config files and apply those rules—perfect if you use custom plugins or a team configuration.
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:

We designed the M1 chip specifically for CodeKit. This app is that good.
Phil Schiller Senior Vice President, Apple
{'message' : 'Parse Error: Unable to resolve yet-another-goddamn-plugin 1.4.6. Update your dependencies.'}
Grunt JavaScript Task Runner
CodeKit 3 is the most deliberate evolution of our founding design. Each button's 9-step anodization process brings absolute unity to a singular vision. This is truly a product that only Apple could create.
Jony Ive Chief Design Officer, Apple
Is he...high?
Craig Federighi Senior Vice President, Apple
Please stop quoting my employees.
Tim Cook CEO, Apple
I'm still ignoring you on Twitter.
John Gruber Author, Daring Fireball
Do you have any idea how many lawyers $260 billion hires? All of them. All of the lawyers.
Apple Legal Unhappy Since 2009
When our engineers switched to CodeKit, our phones just started blowing up...with compliments.
Samsung Electronics Mobile Campfire Manufacturer
I found six cold kids nearby. Tap the one you want.
Siri Ostensibly Intelligent Assistant
Your app is lame, your face is lame, your friends are lame, and your continued existence deeply offends us.
Hacker News Where Self-Esteem Goes To Die
Your trademark for "CodeKit" has been rejected because it is too broad. Every app is a kit of code.
U.S. Patent & Trademark Office Not Kidding; This Really Happened
Baby, I've changed! I'll never hurt you again, I swear. Just give me a chance...and 30%.
The Mac App Store Purveyor of Pain and Sorrow
Seriously, which one of these do you want? They're getting away.
Siri ShallowMind
If you laughed, ask your doctor if Unmuzzled.fm is right for you. Warning: Unmuzzled contains jokes known to the state of California to cause cancer and birth defects.
Unmuzzled A Podcast for Cool People