Bourbon
Bourbon

115
11
20
Compass
Compass

292
57
12
Add tool

Bourbon vs Compass: What are the differences?

Developers describe Bourbon as "A lightweight mixin library for Sass". 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. On the other hand, Compass is detailed as "A Stylesheet Authoring Environment that makes your website design simpler to implement and easier to maintain". The compass core framework is a design-agnostic framework that provides common code that would otherwise be duplicated across other frameworks and extensions.

Bourbon and Compass belong to "CSS Pre-processors / Extensions" category of the tech stack.

"Simple mixins" is the primary reason why developers consider Bourbon over the competitors, whereas "No vendor prefix CSS pain" was stated as the key factor in picking Compass.

Bourbon and Compass are both open source tools. Bourbon with 8.86K GitHub stars and 916 forks on GitHub appears to be more popular than Compass with 6.91K GitHub stars and 1.23K GitHub forks.

Weebly, Movielala, and Custora are some of the popular companies that use Compass, whereas Bourbon is used by DeveloperTown, Helpful, and devbase.io. Compass has a broader approval, being mentioned in 88 company stacks & 42 developers stacks; compared to Bourbon, which is listed in 25 company stacks and 12 developer stacks.

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.

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

Why do developers choose Bourbon?
Why do developers choose Compass?
What are the cons of using Bourbon?
What are the cons of using Compass?
    Be the first to leave a con
      Be the first to leave a con
      What companies use Bourbon?
      What companies use Compass?
      What are some alternatives to Bourbon and Compass?
      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.
      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.
      See all alternatives
      What tools integrate with Bourbon?
      What tools integrate with Compass?
      Decisions about Bourbon and Compass
      No stack decisions found
      Interest over time
      Reviews of Bourbon and Compass
      No reviews found
      How developers use Bourbon and Compass
      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?
      Pricing unavailable
      Pricing unavailable
      News about Bourbon
      More news