What are the best CSS preprocessors?

This question can be improved. You can help by:

  • Adding more pros and cons to options.
  • Adding descriptions to pros and cons.

Why do you recommend Sass?

Why do you not recommend Sass?

Sass is the default preprocessor for Ruby stylesheets and is probably the second most popular option behind LESS. Sass has a great balance between ha...

Powerful features provide variables logic and functions

Sass has the following key features:Control Directives - Sass control directives provide flow and logic and give you a finite level of decision maki...

Compass framework

Sass can be used with an awesome framework called Compass, which provides the following handy features:It extends Sass with popular css frameworksIt...

Has to be compiled from Ruby


Why do you recommend Less?

Why do you not recommend Less?

Less is a great choice if you want the majority of the benefits of a CSS preprocessor without having to learn a new syntax and advanced features.Less...

Easiest preprocessor to learn

Because Less has a lightweight feature set, is syntactically similar to CSS and can be run client side with file conversion on a page reload, it is...

Familiar CSS style syntax

The LESS syntax is essentially the same as CSS with extensions for dynamic behavior such as variables, mixins, operations and functions.Variables:@co...

No cons added yet

Why do you recommend Stylus?

Why do you not recommend Stylus?

Compared to its competition, Stylus has a superior feature set and an optional, incredibly terse syntax.

Clean, flexible syntax

Stylus has an extremely terse syntax. Colons, semicons and braces are all optional allowing you to write Stylus code however you want. hover-darken(...

The most powerful feature set

Not only does Sylus support all the features from Less and Sass it provides features not found anywhere else:You can get properties from parents and...

No cons added yet

Why do you recommend PostCSS?

Why do you not recommend PostCSS?

PostCSS is compilation step for your CSS that supports a variety of plugins for everything from CSS4 syntax support to minification and fallback gene...


PostCSS is 3-30 times faster than Sass (including libsass), Less, and Stylus


PostCSS allows you to opt-in to the features you need with plugins. This allows you to set it up to behave exactly like Sass, with nesting, mixing, e...

No cons added yet

Why do you recommend CSS-On-Diet?

Why do you not recommend CSS-On-Diet?

Easy and fast CSS preprocessor

Fast to read and write CSS

Works like Emmet, shorting CSS keywords, but it's not limited only to writing. Also modifying and reading COD(CSS-On-Diet) files is faster.

Easy to learn and use

Doesn't require programming skill to work with variables, mixins, media breakpoints

No cons added yet

Why do you recommend Rework?

Why do you not recommend Rework?

Rework is a CSS preprocessor that's designed to extend the functionality of vanilla CSS.

Allows for customized properties

Rework plugins can recognize custom properties and transform them via plugins. This allows you to keep your CSS clean and expand its functionality in...

Extend native properties

Through transforms you can modify existing properties to give them new attributes and options, so instead of managing messy mixins, you can add a sim...

No cons added yet

Are we missing something?

Help make this question more complete.