Follow
Frontend Development

What are the best frontend frameworks?

6
Options 
Considered
41
User 
Recs.
Last 
Updated
Related Questions
Activity
Have feedback or ideas?
Discord logoJoin our community
on Discord
Here’s the Deal
Slant is powered by a community that helps you make informed decisions. Tell us what you’re passionate about to get your personalized feed and help others.

6 Options Considered

6 Options ConsideredPriceGZipped sizeLast Updated
Bootstrap
–Apr 6, 2018
Foundation
–Mar 22, 2018
Semantic UI
–Feb 24, 2018
UiKit
–Jul 30, 2017
jQuery Mobile
–Jul 31, 2017
See Full List

Bootstrap

Add Video or Image
Laura Kyle
Top Pro

Well documented

•••
Documentation is thorough, well organized and full of live examples and templates ready for use. Every component and every part of the framework is explained and covered in depth.
Laura Kyle
Top Pro

Designed to get a site running quickly

•••
Bootstrap is designed to get a site up and running quickly. Each of it's components is pre-configured to help with getting a site up and running quickly.
Laura Kyle
Top Pro

Consistency across browsers

•••
The grid layout with the predefined CSS elements and JavaScript components make it easier to have consistency across different browser versions and even different devices.
AdventurousRa
Top Pro

Easily make professional looking websites

•••
Bootstrap makes it easy to learn how to make professional looking websites. It can even make code junkies semi-enjoy design.
Laura Kyle
Top Pro

Great community

•••
Bootstrap is very popular and has a large community. As a result of this it is much easier to find help with anything you might need. This also gives you a treasure trove of prebuilt components to use and add to your site.
AdventurousRa
Top Pro

One of the most popular ones

•••
Ranked on GitHub as the most starred CSS repository.
Laura Kyle
Top Pro

Custom builds

•••
If you don't want to download the full Bootstrap framework. Custom builds of Bootstrap can be created, including only the desired CSS, CSS components, and JavaScript components. This can be done directly from the Bootstrap website by simply choosing what components to download.
Laura Kyle
Top Pro

Customizable

•••
Bootstrap can be customized in a variety of ways. Either by overriding the default CSS styles with new CSS styles or by editing the .scss Bootstrap files.
Laura Kyle
Top Pro

A wide variety of themes available

•••
To help you avoid the "Bootstrap look", there are many resources that provide a great selection of themes and templates for Bootstrap.
Laura Kyle
Top Pro

Responsive design philosophy

•••
Bootstrap is developed to be instantly compatible with all sizes of screens, so you don't have to worry about which device the user is accessing your site from. Yet if you prefer, you can disable responsiveness of Bootstrap.
Laura Kyle
Top Pro

Supports responsive embeds

•••
Allows easily adding responsiveness to <iframe>, <embed>, and <object> elements.
Laura Kyle
Top Con

Websites can start to look the same

•••
If the initial Bootstrap colors and styles are not changed or edited, different websites start looking the same even if they have nothing to do with each other and they are made by different developers.
Laura Kyle
Top Con

Too many classes

•••
Bootstrap's over-reliance on HTML classes for styling can get very messy very quickly. There's also an overabundance of DOM elements which have a lot of classes and are more often than not nested inside DOM elements with even more classes. This gets problematic down the line because the mai...
AdventurousRa
Top Con

Hard to customise

•••
It's quite hard to customise Bootstrap using pre-processors like SASS and LESS, the only real flexibility is with typography and colours.
starcrescendo
Top Con

Bloated

•••
Tons of classes have to be added to elements, not all are friendly or easy to remember. The default styling is pretty bad although the typography is nice.
Laura Kyle
Top Con

Large file size out of the box

•••
Bootstrap has an out-of-the box filesize of ~276K, which is pretty large considering it's just CSS. Most of those styles aren't even used in 90% of web pages built with Bootstrap. By only including the required styles it can be trimmed by 70%-75%.
Belle
starcrescendo
Top Con

Slow development

•••
Development has been stalled for almost a year with no "final" release. When it finally releases it may not be utilizing the latest web technologies and will be instantly outdated. Many other frameworks are hitting the web that is much more modern.
See 15 more Pros & ConsSee 15 more Pros & Cons

Foundation

Add Video or Image

Semantic UI

Add Video or Image
Laura Kyle
Top Pro

Official support for third-party applications

•••
There are several official implementations of Semantic UI for many popular libraries, frameworks and CMS. Such as Angular or Wordpress.
Laura Kyle
Top Pro

Well documented

•••
The documentation is easy to use, well written and has lots of examples each with their source codes.
Laura Kyle
Top Pro

It's semantic

•••
Uses semantic class names for its styling, making it easier to grasp and understand even for beginners looking to jump right in.
Laura Kyle
Top Pro

Load only the components you need

•••
The whole Semantic-UI package is well organized, with every component neatly set up with it's own stylesheet and JavaScript file. This way you can load only the components you need for each page, minimizing the load time and file size.
Laura Kyle
Top Con

Very large file size

•••
Packages are much bigger when comparing to Twitter Bootstrap or Zurb Foundation.
See 3 more ProsSee 3 more Pros

UiKit

Add Video or Image
starcrescendo
Top Pro

Namespaced

•••
It's handy that everything is prefixed by "ui" so you know at a glance what classes are UIKit stylines.
WhiteLilac
Top Pro

Ready to use themes available

•••
There are plenty of ready to use themes available from the official website. You can choose the theme that you want to use from the dropdown menu and then download the CSS, LESS or SASS file for that theme to use for the website.
WhiteLilac
Top Pro

Built-in animation capabilities

•••
UiKit has some built-in animation features which can be used to animate various components.
WhiteLilac
Top Pro

Great style even out of the box

•••
UiKit has a pretty good and clean style even out of the box without any customization needed.
WhiteLilac
Top Pro

Very customizable

•••
UiKit's rather minimal style can be easily customizable to create an entirely new look to fit the needs of the designer.
WhiteLilac
Top Pro

Extremely modular

•••
Every aspect of the framework is designed to be modular, this way designers can easily choose which components to add to their stylesheet without risking to damage the overall style.
WhiteLilac
Top Pro

Well architected

•••
The code is pretty clean and follows well-defined conventions.
WhiteLilac
Top Con

Closed development

•••
Development is mostly done in-house and not publicly available.
WhiteLilac
Top Con

Not very popular

•••
UiKit is not a very popular framework, especially compared to other options. As such it may be hard to find learning resources other than the official documentation or it may be more likely for development of UiKit to be dropped than for another more popular framework
See 7 more Pros & ConsSee 7 more Pros & Cons

jQuery Mobile

Add Video or Image

JQuery

Add Video or Image

41 Community Recommendations

Benoit Denomme
Kamen
Umar Mughal
Davily C Gonçalves
starcrescendo
Mariusz Edmund Franciszczak
Laura Kyle
Vch H
Prudvi Raj Banala
Arun Kumar
Philipp Flues
+29
Community Icon
Request recommendations from the community
tekh box
tekh
Contributor for 3 months
2
Total 
Recs.
0
Total 
Karma
Bootstrap
Recommended 3 months ago
Ever Excellant
See full
Currently displaying 1 out of 41 total recommendations.
I Recommend...
Help millions of people make better decisions.
Each month, over 1.7 million people use Slant to find the best products and share their knowledge. Pick the tags you’re passionate about to get a personalized feed and begin contributing your knowledge.
undefined