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.
Free Trial. No subscription. Requires macOS 13.5+
Animations are coming.Prepare your battery.
Languages
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
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.
Performance
Scaffolding
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
Linting
Reviews
Entirely legitimate and serious opinions
Not convinced? Check out what these people said:
Ready?
CodeKit: it's like Webpack without all the eye-bleeding.
Free Trial. No subscription. Requires macOS 13.5+