There’s a large number of responsive Web frameworks available online. Some, like the popular Bootstrap, Gumby, and Foundation frameworks, offer everything you need for building a front-end system of any type and size.

There are many other frameworks that specialize in one particular function, like Skrollr and Cool Kitten which focus on parallax scrolling. On top of that, you also have a multitude of pre-built user interface (UI) kits like Pure, Ink, Coat, and Top. With all these excellent choices, how can you even begin choosing the perfect one for your project?

In the previous year, web developers have clearly switched their focus from adding more functionality, to attempting to make their responsive frameworks as lightweight as possible, with just the necessary components. At the same time, they ensure that the frameworks work seamlessly and fast across all devices. No bells and whistles, just a lightweight and solid base for building a responsive website. It really makes a lot of sense. After all, this is the era where speed is of the essence.

So, with lightweight front-end frameworks in mind, we have just the right Web frameworks for you to consider. Check them out!

Schema

Schema

Schema is a responsive front-end UI framework that’s built on LESS. It comes with an all-inclusive collection of CSS components like drop-downs, forms, buttons, etc. to help you get started quickly and easily.

Spark

Spark

This lightweight front-end framework is based on the mobile-first approach to responsive design. It comes pre-built with several interchangeable color themes, both available in shiny and flat styles. At the time of writing, the base colors are silver (default), blue, green, red, orange, purple, lime, and dragon fruit.

Hoisin

Hoisin

Hoisin is a simple responsive front-end framework that’s built with Sass. It has been created as an alternative to more complex and bulky front-end frameworks. It purposely doesn’t include any components, focusing instead on providing users an organized base from which they can create their own library.

Emerald

Emerald

Emerald is a pragmatic responsive grid system built in LESS. It’s based on block element (as opposite to floats) and is written with OOCSS methodology using BEM syntax.

Cute Grids

Cute Grids

This mobile-ready, 12-column responsive grid system was created to solve the problem of today’s large overbuilt frameworks that can be overkill for most projects and restrict the creativity of the web designer.

Webplate

Webplate

Webplate is a responsive front-end framework that includes everything, from a robust responsive layout engine, to global button elements, customizable forms, and support for IcoMoon icon fonts. Webplate also comes with jQuery, Typeplate, and Modernizr by default.

Typebase

Typebase

Typebase is a highly customizable and minimalistic CSS typography boilerplate. Its most important feature is an enforced vertical rhythm across most device screens, ensuring that the text across columns and long copy doesn’t become uneven. Both LESS and SASS versions are available.

Base

Base

Base is a lightweight, extensible, and semantic framework that lets you create fixed and fluid grids with your own widths, columns, offsets, gutters, and padding. It comes with button, form, and menu contents, as well as a collection of LESS mixins for CSS3 properties, animations, gradients, and some utility mixins.

Ink

Ink

It may not entirely be a front-end framework, but it’s still worth mentioning. Developed by the folks behind the Zurb framework, Ink allows you to quickly create responsive HTML e-mails that work on any client or device.

Fluidity

Fluidity

This is perhaps the most lightweight fully responsive CSS framework you’ll ever come across with! The HTML is almost 100% responsive straight out of the box, and the 115 bytes CSS file fixes the “almost” part. It can’t get lighter than that!