Role of front end frameworks and their importance

Whenever we need to create a website or any project of web, we have to deal with the front end framework. There are a lot of frameworks available in the market but it totally depends on you, which framework you choose according as per your requirement.

If you are making a simple project then either, you can select simple front end framework or you could do it through simple HTML/ CSS. But if you are making a complex or wide project then you can choose the available framework as per the complexity of your project.
Some of the front end framework are listed below.

1. BOOTSTRAP

Now a days Bootstrap is very popular frame works among people. Its popularity is increasing day by day. The reason behind why Bootstrap is getting popular day by day is, it has got a powerful web design kit for different browsers. According to the popularity of bootstrap, it is the top most front end framework among all the frameworks.

Is you are new in web development, there will be no difficulty for you to learn bootstrap because it is very easy to learn. Its classes are so easy to remember and are so sensible.
It is built with LESS and consists of four main parts.

  • Scaffolding – It includes 12-column grids and layouts. If you want to make your website responsive, you have to use bootstrap grids.
  • Base CSS – It includes basic HTML elements like Tables, Form, Buttons and image.
  • Components – Collection of reusable components like dropdown, button groups, navigation control, thumbnails and many more.

  • Java Script – Bootstrap has its own jQuery plugins which bring the above components to life, plus transitions, modals, carousel and more.


Licensed by: MIT
Current Version: v3.3.6
Introduced In: 2011
Founder: Mark Otto and Jacob Thornton
Concepts: RWD and mobile first.
Framework Size: 145KB
Preprocessor: Less and Sass
Responsive: Yes
Modular: Yes
Templates/Layouts: Yes
Documentation: Good
Icon set: Glyphicons Halfling set
Average Ratings: 88,000+ stars on GitHub
Official Page: http://getbootstrap.com

2. Foundation by ZURB

Foundation is a primarily an Enterprise level front-end framework from ZURB. This framework has a truly strong, well foundation. After all foundation is used on many big websites like Mozilla, EBay, National Geographic, Facebook and more. Zurb has contributed to the web designing world for over 15 years and finally it released its framework that contributes the next level of web development. Foundation gives the competition to Bootstrap in terms of features, usage and demands. And that is why it comes among the top framework of web development.


Licensed by: MIT
Current Version: 6.2.1
Introduced In: 2011
Founder: ZURB
Concepts: RWD and mobile first, semantic.
Framework Size:
Preprocessor: Sass
Responsive: Yes
Modular: Yes
Templates/Layouts: Yes
Documentation: Good. Many additional resources are available.
Icon set: Foundation Icon Fonts
Average Ratings: 18,000+ stars on GitHub
Official Page: http://zurb.com

3. Semantic UI

Semantic UI is a new entrant in this list, but its features and functionality made it popular among the top ones. It uses a different approach, it uses principles of natural language to make coding and development simple. This is because complex CSS classes are not so easy to learn as compare to semantic. The other reason is that its UI components confer to real time debugging which makes it easier to detect JavaScript documents.


Licensed by: MIT
Current Version: 1.2.0
Introduced In: 2013
Founder: Jack Lukic
Concepts: Semantic, tag ambivalence, responsive.
Framework Size: 552KB
Preprocessor: Less
Responsive: Yes
Modular: Yes
Templates/Layouts: No
Documentation: Very good. Semantic proffers an organized documentation along with a specific website which helps in initiating the process of customization.
Icon set: Font Awesome
Average Ratings: 21,300+ stars on GitHub
Official Page: http://semantic-ui.com

4. PURE

PURE by Yahoo! is a very lightweight framework among all framework. It is purely written in CSS that includes components that we can use separately or together on depending on our requirement since this framework is released, it can be easily used by linking to Yahoo CDN
The light weight framework of CSS is together with the JavaScript or jQuery. PURE can be used for creating responsive website with HTML elements like Tables, Buttons, Forms and much more.


Licensed by: Yahoo! Inc. BSD
Current Version: 0.6.0
Introduced In: 2013
Founder: Yahoo
Concepts: SMACSS, minimalism.
Framework Size:
Preprocessor: None
Responsive: Yes
Modular: Yes
Templates/Layouts: Yes
Documentation: Good.
Icon set: None. Use Font Awesome
Average Ratings: 12,100+ stars on GitHub
Official Page: http://purecss.io/

5. UIkit

UIkit is another front-end framework for web developers. It has a comprehensive collection of HTML, CSS, JavScript documents which we can simply use. UIkit offers the same functionality and features as others frameworks do though it’s not as popular as others.


Licensed by: MIT
Current Version: 2.26.2
Introduced In: 2013
Founder: YOOtheme
Concepts: RWD and mobile first.
Framework Size:
Preprocessor: Sass, Less
Responsive: Yes
Modular: Yes
Templates/Layouts: Yes
Documentation: Good.
Icon set: Font Awesome
Average Ratings: 3,800+ stars on GitHub
Official Page: http://getuikit.com/

The right and easy framework for you

Thus I have described some of the framework for the frond end. Now I’m going to tell you on what basis you should select the framework.

  • Popularity
    If you’re confused to choose framework, you should check the popularity of the framework. The framework which has most popularity is the best for you, because you can easily get help by other people.
  • Documentation
    Before using any framework you should read documentation of that framework so that you will be familiar with that framework.
  • Active development
    If the framework does not have active development, you should not use that framework, because if you are entrapped somewhere, it will not be so easy to escape from there.
  • Easily Customized
    That framework would be very compatible for you, which could be easily customized. Because if you are using framework, there is more probability that you have to customize framework according to your need.

CONCLUSION

I hope after reading this blog you will be very clear in choosing the right framework for you.
All frameworks are good and easy but it depends on you, which framework is suits you. But as you all know things get changed by the time, so we cannot depend on a single framework.



Spread the love
Nitish Kumar
Follow me at

Nitish Kumar

Front end Developer at Hashvash
Love Coding • Travel Enthusiast • Love Anything Techy • Learning from everywhere!!!
Nitish Kumar
Follow me at

Latest posts by Nitish Kumar (see all)

  • Aditya Dwivedi

    Supportive blog full of information

    • Nitish

      thanks aditya

  • Peeyush

    Thanks for sharing us about the framework..

    • Nitish

      Thanks peeyush