Best CSS Preprocessor Products

Syntatically Awesome Style Sheets

Open Source

Less extends CSS with dynamic behavior such as variables, mixins, operations and functions. Less runs on both the server-side (with Node. js and Rhino) or client-side (modern browsers only).

Increase code readability. Add vendor prefixes to CSS rules using values from Can I Use. Autoprefixer will use the data based on current browser popularity and property support to apply prefixes for you.

Open Source

EXPRESSIVE, DYNAMIC, ROBUST CSS

Open Source

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

Give your team a clear path to success. Compass is a web-based platform teams use to streamline their workflows and business processes.

styled-components is a visual primitive for the component age that also helps the user to use the ES6 and CSS to style apps.

Open Source

SUIT CSS is a CSS preprocressor for component based UI development.

Open Source

LiveReload 2 proudly presents… The Web Developer Wonderland. (a happy land where browsers don't need a Refresh button). CSS edits and image changes apply live. CoffeeScript, SASS, LESS and others just work.

Prefix Free is a tool that adds current browser’s prefix to any CSS code, only when it’s needed.

Open Source