Need advice about which tool to choose?Ask the StackShare community!

Bourbon

130
115
+ 1
20
Foundation

1.2K
1.2K
+ 1
740
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.

Manage your open source components, licenses, and vulnerabilities
Learn More
Pros of Bourbon
Pros of Foundation
  • 14
    Simple mixins
  • 3
    Lightweight
  • 3
    No javascript
  • 160
    Responsive grid
  • 93
    Mobile first
  • 80
    Open source
  • 75
    Semantic
  • 72
    Customizable
  • 52
    Quick to prototype
  • 50
    Simple ui
  • 45
    Fast
  • 44
    Best practices
  • 39
    Easy setup
  • 6
    Neutral style
  • 6
    HTML, SCSS and JS
  • 5
    Accessibility support
  • 5
    Professional
  • 3
    Xy grid
  • 2
    Sass
  • 2
    Every new version is smaller, smarter & more efficient
  • 1
    Robust

Sign up to add or upvote prosMake informed product decisions

Cons of Bourbon
Cons of Foundation
    Be the first to leave a con
    • 5
      Requires jQuery
    • 4
      Awful site

    Sign up to add or upvote consMake informed product decisions

    - No public GitHub repository available -

    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.

    Need advice about which tool to choose?Ask the StackShare community!

    What companies use Bourbon?
    What companies use Foundation?
    Manage your open source components, licenses, and vulnerabilities
    Learn More

    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

    GitGitHubSlack+30
    27
    18766
    What are some alternatives to Bourbon and Foundation?
    JavaScript
    JavaScript is most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic,and supports object-oriented, imperative, and functional programming styles.
    Python
    Python is a general purpose programming language created by Guido Van Rossum. Python is most praised for its elegant syntax and readable code, if you are just beginning your programming career python suits you best.
    Node.js
    Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.
    HTML5
    HTML5 is a core technology markup language of the Internet used for structuring and presenting content for the World Wide Web. As of October 2014 this is the final and complete fifth revision of the HTML standard of the World Wide Web Consortium (W3C). The previous version, HTML 4, was standardised in 1997.
    PHP
    Fast, flexible and pragmatic, PHP powers everything from your blog to the most popular websites in the world.
    See all alternatives