CSS PREprocessors

Compile

Compiling preprocessor code to CSS can be done with GUI programs, online compilers, through the command line interface, or with the task runners Gulp and Grunt.

Convert Less/Sass/Stylus to CSS locally

     
Installable GUI preprocessor compilers
Less Sass Stylus
Prepros (trial or $29) Crunch 2 ($19.95) Ghostlab (trial or $49) LiveReload Alpha (free) LiveReload ($10) Codekit (trial or $32) Koala (free) Netbeans (free) Crunch 2 (free) WinLESS (free) Prepros (trial or $29) Crunch 2 ($19.95) Ghostlab (trial or $49) LiveReload Alpha (free) LiveReload ($10) Codekit (trial or $32) Koala (free) Netbeans (free) Scout (free) Compass.app (free) Hammer (trial or $20) Sassquatch (trial or $4) Prepros (trial or $29) Crunch 2 ($19.95) Ghostlab (trial or $49) LiveReload Alpha (free) LiveReload ($10) Codekit (trial or $32)

Convert Less/Sass/Stylus to CSS online

Online preprocessor compilers
Less Sass Stylus PostCSS
SCSS syntax Sass syntax
CodePen.io JSbin CSS Deck Fiddle Salad BeautifyTools LESS Compiler LessTester Online Less Compiler less2css.org dopefly LESS Converter LessCSSisMore Leafo.net (lessphp) Less.php 2 CSS CodePen.io JSbin CSS Deck Fiddle Salad BeautifyTools Sass Compiler SassMeister Rendera JSFiddle CodePen.io JSbin CSS Deck Fiddle Salad BeautifyTools Sass Compiler SassMeister Rendera CodePen.io JSbin CSS Deck Fiddle Salad BeautifyTools Try Stylus StylCompile CodePen.io PreCSS

Command-line preprocessor compilers

All preprocessors allow for CLI compilation, see the how-to for:

Gulp compilation

Integrate a preprocessor's compilation as a task in Gulp:

Grunt compilation

Integrate a preprocessor's compilation as a task in Grunt: