Bourbon

122
102
+ 1
20
Foundation

1.2K
950
+ 1
733
Add tool

Bourbon vs Foundation: 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, Foundation is detailed as "The most advanced responsive front-end framework in the world". Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.

Bourbon can be classified as a tool in the "CSS Pre-processors / Extensions" category, while Foundation is grouped under "Front-End Frameworks".

"Simple mixins" is the primary reason why developers consider Bourbon over the competitors, whereas "Responsive grid" was stated as the key factor in picking Foundation.

Bourbon and Foundation are both open source tools. It seems that Foundation with 28.2K GitHub stars and 5.77K forks on GitHub has more adoption than Bourbon with 8.86K GitHub stars and 916 GitHub forks.

According to the StackShare community, Foundation has a broader approval, being mentioned in 653 company stacks & 77 developers stacks; compared to Bourbon, which is listed in 25 company stacks and 12 developer stacks.

Pros of Bourbon
Pros of Foundation

Sign up to add or upvote prosMake informed product decisions

Cons of Bourbon
Cons of Foundation
    No cons available

    Sign up to add or upvote consMake informed product decisions

    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 Foundation?

    Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.
    What companies use Bourbon?
    What companies use Foundation?

    Sign up to get full access to all the companiesMake informed product decisions

    What tools integrate with Bourbon?
    What tools integrate with Foundation?

    Blog Posts

    24
    13812
    What are some alternatives to Bourbon and Foundation?
    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.
    Animate.css
    It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
    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.
    See all alternatives
    Interest over time
    News about Bourbon
    More news