Compile Less, Sass, Scss, Stylus, Jade, Coffeescript, Haml and Markdown with live browser refresh.


CodeKit is described as 'Automatically compiles all those awesome languages you read about in tutorials' and is an app in the development category. There are more than 10 alternatives to CodeKit for a variety of platforms, including Mac, Windows, Linux, Web-based and Chrome OS apps. The best CodeKit alternative is Prepros. It's not free, so if you're looking for a free alternative, you could try Prepros or Fire.app. Other great apps like CodeKit are Scout-App, SassMeister, SiteFlow and Smaller.
Compile Less, Sass, Scss, Stylus, Jade, Coffeescript, Haml and Markdown with live browser refresh.


Fire.app is a menu bar only app for dead easy HTML prototyping. It supports Sass/Compass, Haml, ERB, Markdown, CoffeeScript, and more.

Hammer is a great way of building out HTML websites. With features including HTML includes, SASS and Coffeescript parsing and Clever Paths, Hammer is an indispensable tool!



SassMeister is a playground for Sass. Add some Sass and SassMeister will show you the rendered CSS.

The life-saver app for web developers ! Easily check syntax, minify or process all your web assets (stylesheets, scripts and templates) as you edit them with your favorite text editor!
Styles processing: Whether you're working with plain CSS or with Less, Sass or Stylus, Si.



Smaller is a powerful HTML, PHP, CSS and JavaScript compressor on Mac OS X, definitely a must have for every Mac based web developers.

Tired of having to compile your scripts manually? Do you want to optimize your website images? Do you really want to speed up your website by shaving off unnecessary file bulk?


Compass is an open-source SASS library - extending capabilities of SASS and provides cross-browser mixins for CSS properties introduced in CSS3.

A little, yet powerful code compressor. Delivery make your scripts and stylesheets lighter. So them load faster.
Three different engines.
By the JS side, Delivery includes the YUI Compressor (from Yahoo!) and Closure (from Google). Just select one. Or even both. For stylesheets.
LivePage is a developer tool which reloads website resources (such as CSS, HTML and JavaScript) as they update on the server, so you are always looking at the most up-to-date version of a web page. It can make developing websites a lot faster, by helping productivity.

