Top 10 front-end frameworks of 2016 (Part 2)

Ngoc Huynh

6. Pure

Created by the Yahoo development team, Pure comes with a lightweight array of CSS modules that can be used in just about any project. Using Pure, you can easily create responsive buttons, menus, grids, tables and other features. Because it is purely CSS based, however, it does not support JavaScript or JQuery plugins.

When minified and compressed with Gzip, Pure clocks in at just 4.5kB, making it one of the lightest and nimblest front end development frameworks out there. As a result, it is terrific for mobile website development, and many developers rely on it for precisely that.


  • Extremely lightweight, ensuring fast loading times even on mobile devices
  • Flexible array of CSS modules can be used on just about any web design and development project


  • CSS only – does not include JQuery or JS plugins

Ideal for: Developers who are focusing on creating responsive, fast mobile websites.

7. Skeleton

Skeleton is a lightweight responsive boilerplate that contains only 400 lines of code. This framework is meant to include only the minimum requirements to get you started on the development of a web project. It is not meant to be all-inclusive such as other frameworks as mentioned above.

Skeleton is also responsive, based on a 12-column grid system, and includes the bare essentials such as buttons, lists, tables, forms, etc.


  • Extremely lightweight
  • Greater simplicity and useful for smaller projects


  • Does not include a wide selection of utility / styling components such as larger frameworks do.

Ideal for: Someone who is creating a smaller project that doesn’t require all of the style components of a larger framework.

8. UIKit

UIKit is a highly modular front-end framework stands out among most front end development frameworks for many reasons. Chief among them is the fact that it includes both LESS and Sass CSS preprocessors.

Loaded with an array of nimble, responsive components with consistent naming conventions, UIKit has become one of the most popular front-end frameworks out there.

Its more than 30 extendable, modular components can be combined for even more versatility. It includes navigation components like side navigation bars; elements like HTML forms and tables; JavaScript components like off-canvas bars and modal dialogs; common elements like buttons, badges, and overlays; and layout components, including a fluid, completely responsive grid system.


  • Highly customizable
  • Exceptionally modular, so you can add components to the stylesheet without negatively impacting overall style
  • Create advanced user interfaces using components like nestables


  • Very few resources out there due to relative newness

Ideal for: Fairly experienced developers due to the current lack of available resources. Otherwise, it is great for simple and complex projects alike.

9. Milligram

Milligram is another extremely lightweight framework similar to Skeleton. When Gzipped, it comes out to just 2kB in size and is used to provide developers with a simplistic and convenient starting point.

Milligram’s grid system is different than most because of its use of the CSS Flexible Box Layout Module standard. It also includes a few key components for getting you started including typography, buttons, forms, lists, tables, blockquotes, etc.


  • Very lightweight, only 2kB when Gzipped
  • Uses CSS Flexbox as the grid system


  • Few resources available due to relative newness
  • Minimal styling components available compared to other larger frameworks

Ideal for: Developers who are creating a small project that doesn’t require many styling components and want to use a CSS Flexbox grid system.

10. Susy

Some would argue that Susy isn’t a front-end framework in the truest sense of the term because it is focused on solving complex layout needs. In fact, many classify Susy as a grid maker more than anything, but it can be an indispensable tool for those who have specialized layout needs.

Susy arms you with mixins that can be used to create grids. The framework does all of the calculations for you, saving a lot of time and effort.

With Susy, you can create any kind of grid layout imaginable. If you have been looking for a way to do this, Susy may be the answer.


  • Superior flexibility, so you can create any kind of grid layout that you need
  • Automatically performs all calculations


  • Does not cover all aspects of website design, so you still need another framework solution
  • No pre-built grids

Ideal for: Anyone who has unique or specialized layout requirements.

Share the news now

Source :