Bourbon
Bourbon

115
11
20
Compass
Compass

292
58
12
Sass
Sass

10.5K
1.7K
3K

What is 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.

What is Compass?

The compass core framework is a design-agnostic framework that provides common code that would otherwise be duplicated across other frameworks and extensions.

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.

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

Why do developers choose Bourbon?
Why do developers choose Compass?
Why do developers choose Sass?
What are the cons of using Bourbon?
What are the cons of using Compass?
What are the cons of using Sass?
    Be the first to leave a con
      Be the first to leave a con
        Be the first to leave a con
        What companies use Bourbon?
        What companies use Compass?
        What companies use Sass?
        What are some alternatives to Bourbon, Compass, and Sass?
        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.
        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.
        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.
        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.
        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 Bourbon?
        What tools integrate with Compass?
        What tools integrate with Sass?
          No integrations found
          Decisions about Bourbon, Compass, and Sass
          No stack decisions found
          Interest over time
          Reviews of Bourbon, Compass, and Sass
          No reviews found
          How developers use Bourbon, Compass, and Sass
          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 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 jondueck
          jondueck uses BourbonBourbon

          Using Bourbon Neat for building a grid. It's easy to implement and is added to the CSS rather than the html which keeps similar modules looking the same.

          Avatar of AmericanBibleSociety
          AmericanBibleSociety uses CompassCompass

          Sass library that was originally used on the current JourneyMaker app. We've been slowly removing it from the front end.

          Avatar of AmericanBibleSociety
          AmericanBibleSociety uses BourbonBourbon

          [Free] We use this free Sass framework on just about any project that we work on.

          Avatar of Mike Hoffert
          Mike Hoffert uses BourbonBourbon

          Replaced Foundation grid system with Bourbon Neat.

          Avatar of OnlineCity
          OnlineCity uses CompassCompass

          We build our SASS-based CSS with Compass

          How much does Bourbon cost?
          How much does Compass cost?
          How much does Sass cost?
          Pricing unavailable
          Pricing unavailable
          Pricing unavailable
          News about Bourbon
          More news