Bootstrap vs Material-UI vs Semantic UI

Get Advice Icon

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


+ 1

+ 1
Semantic UI
Semantic UI

+ 1

What is Bootstrap?

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

What is Material-UI?

It is a comprehensive guide for visual, motion, and interaction design across platforms and devices.

What is Semantic UI?

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

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

Why do developers choose Bootstrap?
Why do developers choose Material-UI?
Why do developers choose Semantic UI?

Sign up to add, upvote and see more prosMake informed product decisions

What are the cons of using Bootstrap?
What are the cons of using Material-UI?
What are the cons of using Semantic UI?
    Be the first to leave a con

    Sign up to add, upvote and see more consMake informed product decisions

    What companies use Bootstrap?
    What companies use Material-UI?
    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 Material-UI?
    What tools integrate with Semantic UI?

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

    What are some alternatives to Bootstrap, Material-UI, and Semantic UI?
    jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.
    Express your creativity with Material, an animation and graphics framework for Google's Material Design and Apple's Flat UI in Swift.
    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.
    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.
    Material Design
    Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.
    See all alternatives
    Decisions about Bootstrap, Material-UI, and Semantic UI
    No stack decisions found
    Interest over time
    Reviews of Bootstrap, Material-UI, and Semantic UI
    Avatar of longgge
    pm at 36kr
    Review ofBootstrapBootstrap


    Review ofBootstrapBootstrap

    We have been using it for the past 3 years and have no complaints

    Review ofBootstrapBootstrap

    Good service with a good price, worth the money.

    How developers use Bootstrap, Material-UI, and Semantic UI
    Avatar of StackShare
    StackShare uses BootstrapBootstrap

    Leanstack was on Bootstrap 2. Chose this because it is wildly popular, so it’s active, has been used a lot in production, and has a ton of features. Anything you need to do from a UI perspective, there’s likely a plugin for it already part of the library. Haven’t tried the others, but we're happy with BS.

    For StackShare, we upgraded to Bootstrap 3. I don’t like that they changed the name of columns, essentially breaking the grid layout for Bootstrap 2 and below, so that was a real pain to update. I hope they don’t do that again. Once we have more bandwidth, we’re totally going to decouple our markup from Bootstrap.

    Avatar of Cloudcraft
    Cloudcraft uses Material-UIMaterial-UI

    Material UI provides with a clean, professional looking and very easy to use set of UI components build with React. The few issues we've reported to the developers have been quickly fixed each time. I highly recommend using Material UI for both consumer and enterprise web apps. The styling system in particular is very nice to work with, and allows you to easily add your own brand's look and feel throughout the UI.

    Avatar of shridhardalavi
    shridhardalavi uses BootstrapBootstrap

    Bootstrap is a framework to help you design websites faster and easier. It includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels, etc. It also gives you support for JavaScript plugins. Bootstrap's responsive CSS adjusts to phones, tablets, and desktops Bootstrap is compatible with all modern browsers (Chrome, Firefox, Internet Explorer, Safari, and Opera)

    Avatar of CloudRepo
    CloudRepo uses BootstrapBootstrap

    We started with a bootstrap based template and then completely rewrote it due to poor design of the template. Using boostrap properly was a great experience - once you learn it and use it properly, it's simple to use and very good at being responsive and adapting to the various screen view.

    Avatar of Perljobs.Ru
    Perljobs.Ru uses BootstrapBootstrap

    I simply bought a "job board" template for the website, which is written using Bootstrap 2. I'm hoping to upgrade the site to Boostrap 3 when I'll have a time.

    Я просто купил шаблон для доски вакансий, написанный на Boostrap 2. Когда будет время перепишу все на Bootstrap 3.

    Avatar of Ujjwal Bhujel
    Ujjwal Bhujel uses BootstrapBootstrap

    With the advancement in CSS, Bootstrap is creating new milestones when it comes to minimising our CSS codes. So elegant and beautiful yet easy and convenient to use once you go through all the classes and its elements. In addition, its JS function is impressive too.

    Avatar of Kurzor, s.r.o.
    Kurzor, s.r.o. uses Material-UIMaterial-UI

    We like the pure simplicity of Google's Material UI. It is simply too much overhead today to design custom UI styles.

    Avatar of osu! Ripple
    osu! Ripple uses Semantic UISemantic UI

    We use Semantic UI for our frotend. A heavily customised version of it, but still Semantic UI under the hood.

    Avatar of Ralic Lo
    Ralic Lo uses Semantic UISemantic UI

    Used Semantic UI + Angular2 together with Spring or Node/Express for full stack web application development.

    Avatar of DerEnderKeks
    DerEnderKeks uses Material-UIMaterial-UI

    Martial UI is used by Admin-on-REST, the frontend used by Gofus.

    Avatar of Giftstarter
    Giftstarter uses Semantic UISemantic UI

    We haven't yet, but we would like to integrate into our Web App.

    Avatar of Ambar
    Ambar uses Material-UIMaterial-UI

    Ambar UI is based on Material UI components

    Avatar of Eliana Abraham
    Eliana Abraham uses Semantic UISemantic UI

    It's pretty. Used it once for MDST.

    Avatar of Sunny Singh
    Sunny Singh uses Material-UIMaterial-UI

    Provides Material-based components.

    Avatar of Wellzesta
    Wellzesta uses Semantic UISemantic UI

    Grid, widgets, theming.

    How much does Bootstrap cost?
    How much does Material-UI cost?
    How much does Semantic UI cost?
    Pricing unavailable
    Pricing unavailable
    Pricing unavailable
    News about Material-UI
    More news
    News about Semantic UI
    More news