Bootstrap is very handy and easy way to do responsive website design. here i listed some Frameworks other than bootstrap and also responsive.
If you are planning to build a web app that works both on desktop and mobile, then you should consider of using Pure
from Yahoo. Pure has much better performance when it comes to mobile devices than Bootstrap. As its name suggests, Pure comes as a pure CSS framework only. Build on top of Normalize.css
, Pure has an extremely small file size with just 4.5KB (minified and gzip)
2. UI Kit
is a free, lightweight and modular front-end framework. Developed with LESS, UIkit has a well-structured, expandable and maintainable code. It also offers a grid system which is responsive, fluid and nestable. With UIkit you can build navigation, buttons, modals, dropdown and more responsively. Its comprehensive documentation will make you easier to get started with UIkit.
is a free open source front-end framework specialized for creating modern Single-Page Applications (SPA)
. By utilizing the foundation of many proven framework applications, Montage will simplify your development process while the expressive HTML codes are still maintainable. With MontageJS, you can synchronize the DOM updates for smoother user experience, build and extend UI components which can be reused and more.
is a lightweight, flexible and responsive front-end framework created & maintained by Gary Hepting
. Built on top of Sass and Compass, Groundwork offers a great grid system which flexible, fluid and nestable
. With its grid system, you can build any layout type of layout that fit on any screen size.
is a flexible and responsive framework built with the power of Sass for faster web development. Its customizer
allows you to easily tweak and customize the entire UI kit design to meet your best preference. Gumby has multiple types of grids with different column variations, but by default, Gumby comes with 960 grid system.
6. HTML5 Boilerplate
Just like its name, HTML5 Boilerplate
provides you HTML5 ready template that has been optimized to meet the most standard of HTML new features. By using this template, you can create a fast, robust and responsive
site that is able to adapt to any kind of browser, even the old ones like Internet Explorer.
is a lightweight CSS framework that uses a 12-column grid system. Unlike Bootstrap or Foundation, Skeleton provides you with some fundamentals components only like button, lists, table, forms which aimed to kick-start your development process.
is an open source CSS framework that is built with the powerful Bootstrap 3. Bootflat is designed to create a stunning flat web design with faster, easier and less repetitive way
. Therefore, its UI Kit comes with beautiful PSD user interface pack
that you can use on your website, iOS or Android project.
is another great CSS famework that focuses on Mobile First approach and leave all the design to you. While many other framework are coming with their own built in design CSS, Inuit.css, however, don’t. Inuit.css works in OOCSS (Object Oriented CSS) manner which is a fast, scalable and maintainable method of writing reusable CSS.
10. 960 Grid System
960 Grid System
is a front-end framework that can streamline your web development workflow based on a 960px wide container. The container is then can be sliced up into 12, 16 or even 24 columns for easier laying out content.
Built based on Google’s Material Design
has come as a modern responsive front-end framework. This framework is very suitable for those who want to implement Material Design look and feel into their website without any complexity. It features card design, ripple effect animation, Sass mixin, drag out mobile menu
and many more.
is a fast, flexible and most advance grid system available today. Jeet helps you build grids on the fly in a very intuitive, clean, manner. It supports almost all modern and old browsers.
is an automated grid system that can help you build web layout in any kind of column you want. It gives you freedom and flexibility to build design of your choice. It’s able to handle whether your design has 5, 12, 24, 48 or unequal columns.
14. Metro UI
is a 12-grid based framework that is inspired by the Windows 8 Metro style interface. It’s very easy to use and has style with a bunch of common components like button, tile, menu, date picker and much more. There is also a News Portal
template to get you started easily.
15. HTML KickStart
. With its ready menu, list, tables, buttons, grid system, and many great elements, you will save the process of your web project creation up to 10 hours or even more.
16. Simple Grid
is a very lightweight, responsive grid system. It’s not like other frameworks that have that fancy button, menu, table, etc, Simple Grid offers only a pure grid. The grid feature is based on 1140 px screen size with 12 columns
that you can customize to get your best layout.
is most likely the toughest rival for Twitter Bootstrap. It is very well documented, stable, flexible and open source front-end framework. It has many useful tools for creating responsive, mobile first web project faster. It supports almost all the available browser today, except for IE7. Although many developers are mostly using Foundation for HTML and CSS only, but you have option to port it with Sass
18. Material UI
is another framework that implements Material Design
specification. The only thing that differentiate it from Materialize is it’s built by the love of React
that you may use freely on your web page.
is a robust front-end framework made by Adobe team for developing web application designed with speed in mind. Every single detail in TopCoat is optimized for performance priority. It also offers you with customizable theme, open source font and also PSD UI Kit to use with your project.
21. Onsen UI
is a hybrid framework that works well with PhoneGap and Cordova. With AngularJS, jQuery, Font Awesome and TopCoat as the foundation, Onsen UI can be a promising tools for developing amazing mobile apps. Onsen UI can help you build mobile apps easily using the concept of Web Components.