Sass vs. Compass vs. Bourbon



Hacker News, Reddit, Stack Overflow Stats

  • 181
  • 825
  • 15.9K
  • 15
  • 102
  • 638
  • 16
  • 45
  • 317

GitHub Stats

Description

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

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

Pros

Why do developers choose Sass?
Why do you like Sass?

Why do developers choose Compass?
Why do you like Compass?

Why do developers choose Bourbon?
Why do you like Bourbon?

Cons

What are the cons of using Sass?
No Cons submitted yet for Sass
Downsides of Sass?

What are the cons of using Compass?
No Cons submitted yet for Compass
Downsides of Compass?

What are the cons of using Bourbon?
No Cons submitted yet for Bourbon
Downsides of Bourbon?

Pricing

How much does Sass cost?
How much does Compass cost?
How much does Bourbon cost?

Companies

What companies use Sass?
2476 companies on StackShare use Sass
What companies use Compass?
107 companies on StackShare use Compass
What companies use Bourbon?
31 companies on StackShare use Bourbon

Integrations

What tools integrate with Sass?
5 tools on StackShare integrate with Sass
What tools integrate with Compass?
2 tools on StackShare integrate with Compass
What tools integrate with Bourbon?
2 tools on StackShare integrate with Bourbon

What are some alternatives to Sass, Compass, and Bourbon?

  • Less - The dynamic stylesheet language
  • PostCSS - Transform CSS with JS plugins
  • Stylus - Expressive, robust, feature-rich CSS language built for nodejs
  • PurifyCSS - Remove unused CSS. Also works with single-page apps.

See all alternatives to Sass

Latest News

Sass 3.5 is Released
Sass and Browser Compatibility
Compass for ARKit
Daily API RoundUp: BBVA Compass, Icons8, UpCall, Ret...


Interest Over Time