

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.

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.
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.
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!
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.
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.
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!"
--- 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