Free UI and CSS Frameworks for Web

The "elf grid" is a more modern approach to building responsive grids, relying on complex mathematical operations to let the grid adjust to the content instead of forcing the page's content to adapt to a rigid grid template.Developers can pass any number...

flexgrid provides a simple approach to working with the flexbox CSS property introduced with the newer 3rd standard iteration.This small Stylus file allows developers to easily place content on data columns that change their widths based on the available...

Bourbon is a Ruby library for adding extra support for various mixins in Sass. Neat is a CSS framework written in SASS using some of the Bourbon mixins, ideal for creating website that adhere to the famous & intensely hyped "Responsive Design"...

You could call Layers CSS a CSS framework, but the most appropriate term would be "project boilerplate", or "starter kit".It does not come packed with UI widgets and components like most CSS frameworks, but merely ships basic CSS code on which you can add...

Skeleton was built around responsive design principles, supporting every type of page and device, ranging from big LCD TV screens down to small mobile devices.The framework is not a frontend UI package, coming with no special UI widgets and components,...

ungrid, believe it or not is under 100 characters. And yes, you read that right, characters, not lines of code.This ultra-lightweight grid system uses a table-based display setting to automatically support responsive layouts, just like all native HTML...

Most frontend frameworks are bulky scripts that most of the time slow down websites and come packed with way too many (niche) widgets. Most of them aren't well organized and don't follow a modular structure. This makes using a UI framework a problem,...

The Flat Hero UI Kit is not a complex frontend UI framework like Zurb's Foundation and the Bootstrap framework, but a smaller project with a lot fewer UI widgets included in the basic package.The UI kit is still under development, but there are quite a...

960 LESS takes the original 960 Grid System CSS code and ports it to LESS, adding some control mixins to the code, letting developers easily define grid width and the number of columns just by editing two rows at the start of their code.The code is almost...

CSS Bricks is available in both SCSS and CSS and includes simple utilities for helping developers easily apply various style decorations to a page element just by adding a CSS class to the proper HTML tag.This saves time editing the element's CSS and also...