20 Best Front-End Frameworks For Bootstrap Alternative

1

Bootstrap

Foundation 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 and Rails.

#CSS Framework #Development Tools #Design Tools 326 social mentions

2

Purecss

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).

#CSS Framework #Development Tools #Javascript UI Libraries 8 social mentions

MontageJS 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.

#CSS Framework #CSS Tools #Design Tools

4

GroundworkCSS.io

Groundwork 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.

#DevOps Tools #Developer Tools #Continuous Integration And Delivery

5

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.

#CSS Framework #Design Tools #Development Tools 17 social mentions

6

HTML5

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.

#Programming Language #OOP #Generic Programming Language

7

Skeleton CSS

Skeleton 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.

#CSS Framework #CSS Tools #Design Tools 17 social mentions

8

UIKit

UIkit 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.

#CSS Framework #Development Tools #Design Tools 20 social mentions

9

960 Grid System

Gumby 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.

#CSS Framework #Development Tools #Design Tools 2 social mentions

10

Materialize CSS

Built based on Google’s Material Design principles, Materialize 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.

#CSS Framework #Development Tools #Design Tools 25 social mentions

11

Simple Grid

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.

#CSS Framework #Design Tools #Development Tools 2 social mentions

12

Foundation

Foundation 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 and Rails.

#CSS Framework #Design Tools #Development Tools 18 social mentions

13

Material UI

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 Javascript library from Facebook. It has many beautiful UI components that you may use freely on your web page.

#Design Tools #Development Tools #Developer Tools 75 social mentions

14

Ink

Ink is a front-end framework that is developed for quicker UI development using HTML, CSS and Javascript, just like Bootstrap does. You can create modern layout easily with some reusable interface elements like table, tabs, data picker, modal, sortable list, tree view, gallery, form validator and more. It also enables you to have DOM manipulation, communication facilities and fancy page effects with its JS Core engine.

#Writing Tools #AI #AI Copywriting

15

Onsen UI

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.

#Development Tools #JavaScript Framework #Javascript UI Libraries 2 social mentions

16

Gumby

Gumby 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.

#CSS Framework #Development Tools #CSS Tools

17

Bootflat

Bootflat 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.

#Developer Tools #Design Tools #UI

Jeet 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.

Jeet 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.

Susy 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.

#CSS Framework #Design Tools #Developer Tools

21

Metro UI CSS

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.

#CSS Framework #Design Tools #Developer Tools

HTML KickStart is an ultra-lean HTML, CSS and Javascript boilerplate for extremely faster web development. HTML KickStart was developed based on Twitter Bootstrap with the icon support from Font Awesome. 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.

#CSS Framework #Development Tools #Javascript UI Libraries

23

Topcoat

TopCoat 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.

#CSS Framework #Design Tools #Development Tools 1 social mentions