Semantic UI vs Bootstrap - ajayupreti/Tech.Blogs GitHub Wiki

Semantic is a development framework that helps to create stunning designs and responsive layouts using very friendly HTML. Now turns towards Bootstrap, it is the most popular framework for developing responsive and mobile based projects on the web. The journey of Bootstrap started 4 years ago and just now Bootstrap 3.3.4 was released. Whereas Semantic UI was released 2 years ago and right now its version 2.0 will be launching soon.

I have used Bootstrap much more often than Semantic UI. That said, they both have UI Components that are unique to its framework and should be used based on what is needed by the designer.

I, along with the vast majority of people I know who use a CSS framework, prefer Bootstrap as it's more flexible in more areas.

Comparison between Semantic UI and Bootstrap

So which is the best one to use in Semantic UI vs Bootstrap?
Which is better to build UI, Semantic UI or Bootstrap?

Bootstrap is come up as one of the most popular front-end framework and open source projects in the world. In last release 3.3.4 versions Bootstrap has been focused on bug fixes and documentation improvements.

  • Bootstrap offers both Less and Sass.

Semantic UI with 3000 theming variables, 50 UI components.

  • In Semantic UI can design websites quicker.
  • while Semantic only offers Less.

Projects with Semantic UI framework are pretty awesome. Their basic idea of building a page in a strict semantic way is obviously good also designs are stunning there are a lot of components and settings to use or choose from the ready-made set. The whole package is very well organized, each component has its own style sheet and a script file that’s the reason you can load only if you want or load everything in a single page.

Now questions may be there regarding drawbacks of Semantic UI vs Bootstrap. Which is a good choice for business/ commercial projects?

The component design of Semantic UI is really amazing. But Semantic UI lacks behind Bootstrap in browser compatibility. Bootstrap is compatible with IE 7+ but Semantic UI compatible with IE 9+.

According to my opinion I know each framework must have a fair amount of browser compatibility, but on the another side IE7 is 8 years old, it is behind 4 major versions. Even Google doesn’t officially support as it supports latest 3 versions. So Semantic UI is not supporting IE7+ is not a big issue at this moment.

Semantic UI vs Bootstrap, I think I can’t see the major difference between Bootstrap and Semantic UI. Semantic UI design is better than Bootstrap, more clean, easy to use, strict coding, and useful components, lightweight. I can imagine the future of frameworks in Semantic UI as it is growing very fast. Right now Semantic UI is very good option for design layout so one can use Semantic UI as a parallel utility for designing layouts.