A screenshot of the CodeKit window
It's like steroids for web developers.

CodeKit automatically compiles Less, Sass, Stylus, CoffeeScript, Jade & Haml files. It effortlessly combines, minifies and error-checks Javascript. It supports Compass. It even optimizes jpeg & png images, auto-reloads your browser and lets you use the same files across many projects. And that's just the first paragraph.

Click here to download the latest beta version of CodeKit

Version 1.0 (5380) | Mac OS 10.7+
Expires: 20 March 2012

See It In Action

Note: these videos are fairly dated. I'm working on new ones.

Screenshot of the first tutorial video. Click to launch the video.

Less, Sass & Stylus

8:51

See how CodeKit makes it dead simple to use Less, SASS, SCSS or Stylus as a replacement for pure CSS. If you've never used one of these languages, you're missing out!

Screenshot of the first tutorial video. Click to launch the video.

JS + CoffeeScript Basics

6:41

Find mistakes in your Javascript with JSLint or JSHint, then minify it automatically. Compile CoffeeScript easily and debug in real time. Watch this video and start coding faster.

Screenshot of the first tutorial video. Click to launch the video.

JS + CoffeeScript Imports

9:08

Ever wish Javascript had an @import statement? It does now. Combine and order files via drag-and-drop or with a single line of code. Have a change of pants ready.

Screenshot of the first tutorial video. Click to launch the video.

Frameworks

7:49

Use the same files across multiple projects without duplicating them. Keep one copy up to date and all your projects can pull that code. Watch frameworks in action.

Screenshot of the first tutorial video. Click to launch the video.

Image Optimization

2:05

Who likes fat image files? Nobody. Until now, optimizing images was a bit of a hassle. Now, it takes just one click to reduce the file size of every image in your site.