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~~ Claude.

Buy A License Download The App

Free Trial. No subscription. Requires macOS 10.15+

The CodeKit app window showing image optimization features.

The CodeKit app window showing settings for the Babel JavaScript transpiler.

The CodeKit app window showing ESLint warnings in the log.

The CodeKit app window showing ESLint settings.

The CodeKit app window showing TerserJS settings.

1 1 0 1 1 0 1 0 1 1 0 1 1 1 1 1 1 0 1 1 1 0 0 1 1 1 1 1 0 0 1 0 1 1 1 1 1 1 0 0 0 1 0 1 0 0 0 1 0 0 0 0 0 0 0 1 0 0 1 1 1 0 1 1 1 0 0 0 1 0 0 1 1 1 1 0 1 0 1 1 1 1 0 1 0 1 1 1 1 1 1 1 1 0 0 1 1 1 1 1 0 0 0 1 1 0 0 0 0 1 0 1 0 0 1 1 0 0 0 1 1 1 1 1 0 1 1 0 1 1 0 1 1 1 1 1 1 0 0 0 1 1 1 0 0 0 1 0 1 1 1 0 0 0 0

Animations are coming.Prepare your battery.

The CodeKit application window showing compiling options for a JavaScript file.

Languages

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.

Live Preview

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.

The CodeKit application window showing PNG image optimization options with a file-size reduction of 67 percent.

Performance

Optimize

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

Optimize Images: 80% 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.

The npm interface in CodeKit showing options for installing jQuery.

Scaffolding

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.

Automation

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.

The log view in CodeKit showing JavaScript syntax issues found by ESLint.

Linting

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.