PostCSS
PostCSS

340
91
46
Sass
Sass

10.4K
1.6K
3K
Stylus
Stylus

307
87
320
- No public GitHub repository available -

What is PostCSS?

PostCSS is a tool for transforming CSS with JS plugins. These plugins can support variables and mixins, transpile future CSS syntax, inline images, and more.

What is Sass?

Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

What is Stylus?

Stylus is a revolutionary new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting both an indented syntax and regular CSS style.

Want advice about which of these to choose?Ask the StackShare community!

Why do developers choose PostCSS?
Why do developers choose Sass?
Why do developers choose Stylus?
What are the cons of using PostCSS?
What are the cons of using Sass?
What are the cons of using Stylus?
    Be the first to leave a con
      Be the first to leave a con
        Be the first to leave a con
        What companies use PostCSS?
        What companies use Sass?
        What companies use Stylus?
        What are some alternatives to PostCSS, Sass, and Stylus?
        CSS Modules
        It is a CSS file in which all class names and animation names are scoped locally by default. The key words here are scoped locally. With this, your CSS class names become similar to local variables in JavaScript. It goes into the compiler, and CSS comes out the other side.
        Less
        Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable.
        Compass
        The compass core framework is a design-agnostic framework that provides common code that would otherwise be duplicated across other frameworks and extensions.
        Bourbon
        Bourbon is a library of pure sass mixins that are designed to be simple and easy to use. No configuration required. The mixins aim to be as vanilla as possible, meaning they should be as close to the original CSS syntax as possible.
        Autoprefixer
        It is a CSS post processor. It combs through compiled CSS files to add or remove vendor prefixes like -webkit and -moz after checking the code.
        See all alternatives
        What tools integrate with PostCSS?
        What tools integrate with Sass?
        What tools integrate with Stylus?
          No integrations found
            No integrations found
            Decisions about PostCSS, Sass, and Stylus
            No stack decisions found
            Interest over time
            Reviews of PostCSS, Sass, and Stylus
            Review ofStylusStylus

            One of the main reasons I use it is that it combines most of what I like but is spread across other preprocessors.

            The option to make functions that take places of properties is amazing. ie. border-radius: "child" $parent-radius can actually be calling a function like border-radius("child", $parent-radius) where using border-radius: 4px would just implement the standard expected result.

            Add in my favorite selector: `^[-1..-1] to get the last raw selector in a nested situation. (its like magic in combination with BEM naming syntax)

            How developers use PostCSS, Sass, and Stylus
            Avatar of Mick Dekkers
            Mick Dekkers uses PostCSSPostCSS

            PostCSS essentially allows you to set up your own CSS preprocessor with the features that matter to you. It has a modular plugin-based architecture, which means that if someone comes up with a useful new feature, you can easily add it to your stack as a PostCSS plugin. PreCSS and PostCSS-cssnext are some of my go-to plugins.

            Avatar of Kevin Ard
            Kevin Ard uses SassSass

            It was a little awkward building BS3 with LESS, and the rest of the site with SCSS, but it works. SCSS made building the UI elements (ink/flip buttons, img navs, etc) a breeze. It also drives the mobile menu open/close transitions - that would have been much too much with vanilla css.

            Avatar of Tim Lucas
            Tim Lucas uses PostCSSPostCSS

            PostCSS handles compiling node-based CSS libraries, including BassCSS (the whole site is only ~85 lines of custom CSS). It also does auto-vendor-prefixing and support for CSS variables.

            Avatar of Climate CoLab
            Climate CoLab uses SassSass

            Sass helps us write better stylesheets. One major improvement over CSS that we use a lot is variables - it allows for much easier theming to quickly change brand colors for new instances of the xCoLab.

            Avatar of Ujjwal Bhujel
            Ujjwal Bhujel uses SassSass

            When you realise that countless lines of CSS codes could be made countable. And off course, a wonderful and cool way to use the logic behind variables and nesting. Simply love it.

            Avatar of Scrayos UG (haftungsbeschränkt)
            Scrayos UG (haftungsbeschränkt) uses SassSass

            Sass is used as a part of Woltlab Suite Core, which offers to submit/configure own styles via the injection of own Sass-CSS. So we exclusively rely on Sass for our CSS needs.

            Avatar of Refractal
            Refractal uses SassSass

            CSS is a mess. There, we said it. Sass, on the other hand takes CSS and makes it pretty, easy to work with and has stuff like variables which make things seriously awesome.

            Avatar of Thibault Maekelbergh
            Thibault Maekelbergh uses PostCSSPostCSS

            We wrote a lot of flexbox and css that needed prefixing. PostCSS + Webpack was the best option here.

            Avatar of Virtually(Creative)
            Virtually(Creative) uses PostCSSPostCSS

            Used to minify and extend the CSS markup of the framework.

            Avatar of BookAuthority
            BookAuthority uses PostCSSPostCSS

            We use PostCSS to improve cross-browser compatibility

            Avatar of LapNghiep
            LapNghiep uses StylusStylus

            Accompanied with ReactJS code

            Avatar of Thomas Hunsaker
            Thomas Hunsaker uses StylusStylus

            I hate CSS.

            How much does PostCSS cost?
            How much does Sass cost?
            How much does Stylus cost?
            Pricing unavailable
            Pricing unavailable
            Pricing unavailable
            News about PostCSS
            More news