CSS frameworks are pre-prepared software frameworks that are meant to allow for easier, more standards-compliant web design using the Cascading Style Sheets language. Most of these frameworks contain at least a grid. Bigger frameworks use CSS interpreter like LESS or SASS.


1) Skeleton - Recommended

Skeleton

Skeleton is a dead simple, responsive boilerplate.Light as a feather at ~400 lines & built with mobile in mind. Styles designed to be a starting point, not a UI framework. Quick to start with zero compiling or installing necessary. You should use Skeleton if you're embarking on a smaller project or just don't feel like you need all the utility of larger frameworks.

Website Link: Skeleton



2) Pure.CSS

Pure css

 Pure is ridiculously tiny. The entire set of modules clocks in about 4.4KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. 

A set of small, responsive CSS modules that you can use in every web project.
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css">

Website Link: PureCSS
Builder Link: PureCSS Builder


3) UIkit

UI Kit

It is a lightweight and modular front-end framework for developing fast and powerful web interfaces. UIkit gives you a comprehensive collection of HTML, CSS, and JS components which is simple to use, easy to customize and extendable. UIkit is an open source framework to make the web look good. Create your own styles and discover the unlimited use of UIkit.


4) KNACSS

Knacss

KNACSS is a minimalist, responsive and extensible CSS framework to kick-start any professional web project no matter its size.
Designed by Alsacreations web agency and used on a daily basis in production, KNACSS relies on common best practices and experience on the topic, provides CSS reset, helpfull snippets, grids and layout tricks even on old browsers.

There is no need to install anything. It is no more than a CSS file you can call in the head of your document with a <link> element.

<link rel="stylesheet" href="knacss.css" media="all">

KNACSS applies a minimal CSS reset to remove some problematical external margins and have a generic base for all elements.

Website Link: KNACSS
Builder Link: KNACSS Builder

Comments

Thank you for your comment :)