Category:	Developer Tools
Price:	Medium
Popularity:	Low
Version String:	3.28 (34590)
Release Date:	2024-09-16
Architecture:	Intel & AppleSilicon(ARM)
Minimum OS:	macOS 10.15
Vendor Name:	Incident 57 Inc
Homepage:	codekitapp.com

Description:

Build websites, not config files.
Dozens of modern web development tools in one easy-to-use app. Get to work without grunting, gulping, or 47 trips to Stack Overflow.

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 an SVG image with optimization options from SVGO.

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 the ability to install custom packages.

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 messagesA 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.