Bootstrap vs Foundation vs Semantic UI vs UIkIt

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

Bootstrap

53.1K
12.5K
+ 1
7.6K
Foundation

1.2K
1.1K
+ 1
738
Semantic UI

858
1.5K
+ 1
673
Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Bootstrap
Pros of Foundation
Pros of Semantic UI
  • 1.6K
    Responsiveness
  • 1.2K
    UI components
  • 944
    Consistent
  • 779
    Great docs
  • 678
    Flexible
  • 470
    HTML, CSS, and JS framework
  • 411
    Open source
  • 374
    Widely used
  • 367
    Customizable
  • 242
    HTML framework
  • 77
    Easy setup
  • 77
    Mobile first
  • 77
    Popular
  • 58
    Great grid system
  • 51
    Great community
  • 38
    Future compatibility
  • 34
    Integration
  • 28
    Very powerful foundational front-end framework
  • 24
    Standard
  • 23
    Javascript plugins
  • 19
    Build faster prototypes
  • 18
    Preprocessors
  • 14
    Grids
  • 8
    Clean
  • 7
    Good for a person who hates CSS
  • 4
    Love it
  • 4
    Rapid development
  • 4
    Easy to setup and learn
  • 3
    Great and easy to use
  • 2
    Clean and quick frontend development
  • 2
    Boostrap
  • 2
    Community
  • 2
    Provide angular wrapper
  • 2
    Great and easy
  • 2
    Powerful grid system, Rapid development, Customization
  • 2
    Great customer support
  • 2
    Popularity
  • 2
    Great and easy to make a responsive website
  • 2
    Sprzedam opla
  • 2
    Easy to use
  • 1
    Geo
  • 1
    Not tied to jQuery
  • 1
    Design Agnostic
  • 1
    So clean and simple
  • 1
    Numerous components
  • 1
    Recognizable
  • 1
    Intuitive
  • 1
    Love the classes?
  • 1
    Material-ui
  • 1
    Felxible, comfortable, user-friendly
  • 1
    Pre-Defined components
  • 1
    The fame
  • 1
    Easy setup2
  • 1
    Painless front end development
  • 1
    It's fast
  • 1
    Responsive design
  • 159
    Responsive grid
  • 93
    Mobile first
  • 80
    Open source
  • 75
    Semantic
  • 72
    Customizable
  • 51
    Quick to prototype
  • 50
    Simple ui
  • 45
    Fast
  • 44
    Best practices
  • 39
    Easy setup
  • 6
    HTML, SCSS and JS
  • 6
    Neutral style
  • 5
    Professional
  • 5
    Accessibility support
  • 3
    Xy grid
  • 2
    Every new version is smaller, smarter & more efficient
  • 2
    Sass
  • 1
    Robust
  • 157
    Easy to use and looks elegant
  • 92
    Variety of components
  • 64
    Themes
  • 61
    Has out-of-the-box widgets i would actually use
  • 57
    Semantic, duh
  • 44
    Its the future
  • 42
    Open source
  • 37
    Very active development
  • 31
    Far less complicated structure
  • 28
    Gulp
  • 9
    Already has more features than bootstrap
  • 8
    Just compare it to Bootstrap and you'll be hooked
  • 7
    UI components
  • 7
    Clean and consistent markup model
  • 6
    Responsiveness
  • 4
    Elegant. clean. readable. maintainable
  • 4
    Because it is semantic :-D
  • 4
    Good-Looking
  • 2
    Great docs
  • 2
    Consistent
  • 2
    Is big and look really great, nothing like this
  • 2
    Modular and scalable
  • 1
    Jquery
  • 1
    Easy to use
  • 1
    Blends with reactjs

Sign up to add or upvote prosMake informed product decisions

Cons of Bootstrap
Cons of Foundation
Cons of Semantic UI
  • 25
    Javascript is tied to jquery
  • 16
    Every site uses the defaults
  • 15
    Grid system break points aren't ideal
  • 14
    Too much heavy decoration in default look
  • 8
    Verbose styles
  • 1
    Super heavy
  • 5
    Requires jQuery
  • 4
    Awful site
  • 5
    Outdated build tool (gulp 3))
  • 3
    Poor accessibility support
  • 3
    HTML is not semantic (see list component)
  • 2
    Javascript is tied to jquery

Sign up to add or upvote consMake informed product decisions

- No public GitHub repository available -

What is Bootstrap?

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

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 is Semantic UI?

Semantic empowers designers and developers by creating a shared vocabulary for UI.

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

Jobs that mention Bootstrap, Foundation, Semantic UI, and UIkIt as a desired skillset
CBRE
United States of America Texas Richardson
CBRE
United States of America Texas Richardson
CBRE
United States of America Texas Richardson
What companies use Bootstrap?
What companies use Foundation?
What companies use Semantic UI?

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

What tools integrate with Bootstrap?
What tools integrate with Foundation?
What tools integrate with Semantic UI?

Sign up to get full access to all the tool integrationsMake informed product decisions

Blog Posts

What are some alternatives to Bootstrap, Foundation, Semantic UI, and UIkIt?
jQuery
jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.
Material
Express your creativity with Material, an animation and graphics framework for Google's Material Design and Apple's Flat UI in Swift.
React
Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
Material Design
Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.
WordPress
The core software is built by hundreds of community volunteers, and when you’re ready for more there are thousands of plugins and themes available to transform your site into almost anything you can imagine. Over 60 million people have chosen WordPress to power the place on the web they call “home” — we’d love you to join the family.
See all alternatives