Web UI Frameworks Worth a Try

We have been used to the fact that every second site looks like Twitter. That's because of their awesome Bootstrap UI framework. We've seen CSS frameworks before, but all of them were narrow enough to solve one problem at a time. Usually this meant a grid layout and resetting CSS. Twitter Bootstrap not only provides you with flexible responsive grids but adds many useful components. It's pretty easy to build a prototype site just by adding appropriate classes into your tags and see how beautiful CSS3 magic unfold on your pages.

From another point of view, a site built with Bootstrap loses it's individuality. When you see Twitter buttons and menus, you can even forget what site are you at. They generally look just the same. It's pretty ok, when you do a site for non-profitable organizations or an open-source project. Such sites will look clean and handy without a penny spent on designing them.

But how to make site look more unique?

Let's try something different then. There are many UI frameworks available. Most of them are free but some are commercial. Some can be great alternatives to Bootstrap and some are targeted for mobile usage. So here they are, with their official descriptions.

1
14767 3097 5.00

Foundation

Foundation is the most advanced responsive front-end framework in the world. With Foundation you can quickly prototype and build sites or apps that work on any kind of device, with tons of included layout constructs (like a full responsive grid), elements and best practices.

2
3060 625 5.00

Fuel UX

Extends Twitter Bootstrap with additional lightweight JavaScript controls. Easy to install, customize, update, and optimize. All functionality covered by live documentation and unit tests.

3
983 219

HTML KickStart

Ultra–Lean HTML5, CSS, & JS Building Blocks for Rapid Website Production

4
2900 1107 4.50

MetroUI

Metro UI CSS allows to create a Web site in the style of Windows 8 quickly and without distractions on routine tasks.

5
1272 298

Groundwork

Say hello to responsive design made easy. Groundwork is a fully responsive HTML5, CSS and Javascript toolkit. Using Groundwork, you can quickly build web apps that work on virtually any device.

6
734 309

AlloyUI

Alloy is a UI framework built on top of YUI3 that provides a simple API for building high scalable applications.

7
5.00

Kendo UI

Kendo UI is a HTML5, jQuery-based framework for building modern HTML apps. Kendo UI combines the best of emerging HTML5, CSS3, and JavaScript technologies with robust, cross-browser techniques to deliver a framework that is both powerfully rich and broadly compatible with older browsers. Kendo UI combines everything that a developer needs to build a rich JavaScript app, eliminating the traditional challenge of manually researching and combining all of the needed plug-ins, frameworks, and libraries needed to build apps. Kendo UI includes rich UI controls for desktop, mobile and data vizualization, a JavaScript DataSource, fast Templates, cross-device Drag and Drop API, Globalization, Validation and MVVM framework extensions, and more.

8
5.00

Ignite UI

With Ignite UI, developers can create next generation, browser-based, touch-enabled tablet, mobile & desktop experiences. At its core, Ignite UI is a set of full-featured, high-performance HTML & JavaScript user interface controls based on jQuery Core, jQuery UI and jQuery Mobile JavaScript libraries. Ignite UI also includes MVC & ASP.NET server-side wrappers. On top of that, Ignite UI features a set of Mobile controls with adaptive CSS, which you can use for your iPhone, Android & Windows Phone applications.

As a conclusion, I'd suggest you to try Foundation if you are fan of semantic web and SASS. With 4th version of Foundation you can get rid of style-classes in layout and use only SASS mixins for styling. Groundwork was inspired by Foundation but adds something of their own. Try MetroUI or FlatUI if you prefer modern flat look promoted by Microsoft. If you want to have a site look like Jira, try Atlassian UI Pack. KendoUI and IgniteUI are the best for designing native-like mobile interfaces. Consider alternatives and choose the framework based on your tastes.

Published by DavertMik on 2013-03-06 17:45:52

More to read

Comments