A screenshot of the CodeKit window
It's like steroids for web developers.
Download Trial Buy Now, $25

Version 1.6.2 (8300) | Mac OS 10.7+
The trial includes all features & unlocks in place.

CodeKit helps you build websites faster and better. Its flagship features are listed below and the one-minute teaser video to the right is a good place to start.

Whet your appetite

  • Compile Everything

    Process Less, Sass, Stylus, Jade, Haml, Slim, CoffeeScript, Javascript and Compass files automatically each time you save. Easily set options for each language.

  • Live Browser Reloads

    Instantly see changes in your browser, with animation and without hitting the refresh button or installing plugins. Great for tweaking layouts!

  • Combine & Minify

    Reduce load times by mashing Javascript & CoffeeScript files together and then minifying with Uglify.js. It's so easy, you'll giggle like a schoolgirl. Seriously.

  • Optimize Images

    Losslessly reduce JPEG and PNG file sizes with one click and see the savings. One less thing to do at deployment. (More compression options coming soon!)

  • JSHint & JSLint

    Makes debugging scripts fun and easy. Instantly find that one hanging comma that kills IE, or enforce coding styles and best practices across teams.

  • Team Collaboration

    Sync project settings across teams and computers in an open JSON format. Keep everyone on the same page or easily jumpstart new sites.

  • Easy Frameworks

    Keep just one copy of a file on your drive and easily use it across many projects without worrying about file paths. No more copying files into every new site.

  • It Just Works

    There's nothing to install or configure. No mucking around the command line. Just run the app and start working. It's that easy.

Video Tutorials

Then, when you're ready to dig in and see CodeKit at full power, watch the video tutorials below. They're the fastest way to get up to speed!

Note: these videos were made using older, beta versions of CodeKit, so not everything in them is accurate. I'm working on new videos. In the meantime, these will still get you up and running.

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.

Reviews

I f$#!ing hate Apple, but I just bought a Macbook so that I can use your app. Such is my passion for web dev and purty code.

--- Corey Birnbaum

"Is this CodeKit thing supposed to be any good?"

--- Josh D.

"Wait... aren't those the buttons from Transmit 4?"

--- Panic

"CodeKit is what I've been dreaming of."

--- Dylan Smith

"That's nice, dear."

--- Mom

"Son of b$%!@, those ARE the buttons from Transmit 4!"

--- Panic

"Woot woot!"

--- Girlfriend's reaction when CodeKit went live

"..."

--- Girlfriend's reaction when I explained what CodeKit does

"Bah, you can do almost the exact same thing from the terminal with these 5 bundles, 87 commands and an impossible sense of superiority."

--- Smug Neckbeards

"A little bit like porn for frontend developers."

--- HirseBirse

"DAMMIT, he's even using the same black background as Transmit 4! Joe, wake up Cabel! We're gonna have to create a whole new $@#!ing section on the website for THIS guy."

--- Panic

"This thing is gonna look great in pinstripes."

--- John Gruber

"I say, mighty cool."

--- Simon Pedersen

"CodeKit looks very promising. ExpressionEngine developers; get your stuff together and try it!"

--- Filip Vanderstappen

Cat

--- Wil Shipley

"One app to rule them all. One app to find them. One app to bring them all and in the darkness bind them."

--- Thierry

"Wow. CodeKit is hawttt."

--- Paul Irish

"Thank God; he didn't quote any Apple employees this time."

--- Tim Cook

"You are SO lucky Samsung's being a little bitch right now, or we'd totally kick your ass."

--- Apple's legal department