We are constantly changing and the way of doing things has been simplified for web application developers. Even though many prefer to create their own code, it is true that there are tools that make our lives easier and allow us to quickly deploy a project.
Perhaps in the FrontEnd ecosystem, the most popular and used CSS / JS framework in recent times is Bootstrap with due reason. Bootstrap is possibly the most complete compared to the competition and they have options for almost everything, but it is not the only one, and in a matter of taste, not even the most beautiful.
Searching the internet for me I found a listing with some of the most popular CSS / JS Frameworks and most importantly, open source, that we can use for our personal projects. But in this case I will only mention the 5 that I consider the most interesting. Let's get started:
top coat
This one in particular did not know him. Launched by Adobe®, it is a framework that focuses mainly on providing what is necessary to create web applications for all devices. Among its main features are:
- It's fast.
- Themes can be customized.
- Own icons.
- Source Sans Pro, an OpenSource source from Adobe.
IUKit
From what can be seen, UIkit is one of Bootstrap's strongest rivals and as a differential data, it adds a series of components that the Twitter framework does not add by default, or simply improves them.
Semantic UI
Another worthy Bootstrap rival to take into account, as it not only provides new components, but we can choose between several styles / themes for them. We can choose that the buttons for example are similar or equal to those of GMail, Github, Amazon, Google Material, Bootstrap, Twitter, among others.
INK
Another very good candidate to consider. INK also provides us with new components or with a design and functionality a little different from what we find in Bootstrap.
Metro UI
If we want to do something closer to Windows users, then Metro UI is one of the variants we have. And I say one, because if we look a little we find other options for Bootstrap itself.
Conclusions
Depending on our needs and objectives, we have several alternatives as we have already seen. Although I mentioned only the 5 that I consider, they are the most complete, there are many more as you can see in the list that I mentioned at the beginning. It can also be seen that many of them have taken ideas from Bootstrap and even improved them and that companies like Adobe join the initiative to create this type of tool to improve our work.
If we have the necessary knowledge, perhaps we could even mix several of them taking what we need. The choice is yours anyway.
You missed the Yahoo contribution: Pure CSS, it focuses on minimalism and lightness.
Pure is ridiculously tiny. The entire set of modules clocks in at 4.0KB * minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes.
http://purecss.io/
Yes, Pure is an option, but despite its size, from my very particular criteria, it is not as complete as those mentioned above.
What I like about Pure is that it gives you the basics and is very quick to learn and implement, you can use it on a site and it gives you scope to do something original, you are not "bootstrapified" like most.
Friend, I think you have left out one of the great rivals of Bootstrap… Foundation
It is true ... Fundation passed me by, which is another of the greats, possibly Bootstrap's biggest competitor from what they say.
Friend I miss you one important materializecss. Cheers
Foundation is the best framework for interface design, the most complete and the most versatile, and it is a great competitor to bootstrap, although bootstrap does not reach the sole of the shoes.
Very interesting, I did not know them. I was also surprised not to see foundation in that list.
in fact the site of the link that leaves at the beginning this foundation that without a doubt is one of the strongest competitors.
I'm going to start thinking more about these frameworks for some developments, for now all responsive websites I write from 0, a hundred more pleasure when writing everything Xd
At the end of the day they are all the same. Big good letters on white background
Back End Rules 😀
The truth is that at this moment, this post is very good for me, thank you 😉
I am using ui semantics and it is not that intuitive to say
Without Materialize, or Foundation, this list is bullshit.
Why says who? Where is it written that those two have to be specifically? If you read the comments (something that apparently you have not done) you will see that I recognize that I was missing Fundation, but the list you see in this article is based on my appreciation, and you do not have to agree with it, but you do not have to say that it is garbage.
Hello, very good article. But I wanted to tell you that it seems that someone has copied it on their website without reflecting the original source. I don't know how you handle these matters, but I thought you would like to know. The link is: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.
A greeting.
Yes, it is normal for that to happen. I have already contacted those responsible for the site 😉
Excellent contribution! Bootstrap certainly opened the doors for people like me who are good at the backend but lousy at the frontend in css to deliver a decent looking product. Perhaps it was not the correct way in which they should have mentioned it but I agree that this list is missing MaterializeCSS; a lightweight, powerful framework, with the appearance of material design and the most wonderful learning curve possible. In 10 minutes I was able to set up a very nice interface thanks to this framework. Its documentation is so simple that compared to bootstrap it makes it look like aerospace engineering. So I suggest taking a look at Materialize (materializecss.com). Cheers!