Top 5 New and Favorite Responsive Frameworks

What is Responsive Framework? In short: Responsive websites respond to their environment. It needs to be Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development. Not all of the frameworks are jam-packed with features, some just like to give you a solid layout foundation.

Below are my favorite responsive framework.

1. Twitter Bootstrap

Bootstrap is a free collection of tools for creating websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It is the most popular project on GitHub and has been used by NASA and MSNBC among others.



2. Cardinal

Cardinal is a small “mobile first” CSS framework, with useful default styles, fluid typography, and a responsive grid system. Designers and developers who want to build well-organized, responsive web applications without losing their minds, should use Cardinal.

This framework omits aesthetic design decisions that can weigh down larger, more complicated CSS frameworks. It’s style-agnostic. The design and creativity is up to you.

Cardinal CSS


3. TypePlate

Frameworks make decisions for you about how to organize, structure and design a site. Pattern libraries don’t separate styling and markup, making them tough to use in a truly modular fashion. We weren’t satisfied, so we made a thing that doesn’t do that.

Typeplate is a “typographic starter kit”. We don’t make aesthetic design choices, but define proper markup with extensible styling for common typographic patterns. A stripped-down Sass or CSS library of your choosing primarily concerned with the appropriate technical implementation of design patterns—not how they look.

Type Plate


4. Furatto

Furatto is developed in Sass, which is a CSS meta-language that helps you write cleaner and more elegant CSS so that is easier to maintain over time without the headaches of pure CSS. On top of the styling, we’ve written some Javascript plugins, developed in Coffeescript so that is easier to read and maintain along the way, and which are going to improve user interactions on multiple screen sizes.



5. Cascade Framework

Cascade framework is not just another Bootstrap clone. Where Twitter Bootstrap puts its focus on delivering shiny user elements that can be dropped into any project and takes control of your project’s overall look-and-feel, Cascade Framework is intended to do the opposite. By splitting your CSS into separate files based on features rather than selectors as well as by implementing a modifier design pattern inspired by SMACCS and OOCSS, Cascade Framework puts you in control!

Also different from Twitter Bootstrap or other CSS Frameworks out there, Cascade Framework can be used for modern browsers and older browsers alike. All features of Cascade Framework support Internet Explorer from IE6 upwards or degrade gracefully. With Cascade Framework you no longer have to choose between supporting only modern browsers or downgrading your design.

Cascade Framework

Cascade Framework

Have anything to add to this article? Please chime in and join the conversion.

Enjoyed this post?

Be sure to subscribe to the Crunchify newsletter and get regular updates about awesome posts just like this one and more! Join more than 13000 subscribers!

  • Tim Morris

    I appreciate your post! I am a front-end developer and web designer. I am going back to the drawing board to reassess my work flow and am wanting to start building my websites with the Genesis framework. I highly prefer using SASS for the nesting, variables and mixing and am looking into a way to integrate a fluid CSS grid system into Genesis as well. I noticed in your profile at the bottom of the page that you are a Genesis expert so I was wondering what you recommend for integrating Genesis with a CSS framework and using SASS with Genesis. I have worked with Bootstrap on a couple of sites, but I feel like it is sometimes more work than I need it to be with all of the classes. There doesn’t seem to be much on the Genesis support forums or their docs relating to this topic, it doesn’t look like it is as much a CSS framework.