1. Syntatically Awesome Style Sheets

  2. 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).

  3. 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.

  4. Stylus Studio is a fully featured and comprehensive suite for editing and developing in XML.

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

  6. Compass provides tools to build digital call scripts.

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

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

  9. 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.