Need advice about which tool to choose?Ask the StackShare community!
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
- Simple mixins14
- Lightweight3
- No javascript3
Pros of Foundation
- Responsive grid160
- Mobile first93
- Open source80
- Semantic75
- Customizable72
- Quick to prototype52
- Simple ui50
- Fast45
- Best practices44
- Easy setup39
- Neutral style6
- HTML, SCSS and JS6
- Accessibility support5
- Professional5
- Xy grid3
- Sass2
- Every new version is smaller, smarter & more efficient2
- Robust1
Sign up to add or upvote prosMake informed product decisions
Cons of Bourbon
Cons of Foundation
- Requires jQuery5
- Awful site4