New UI and CSS Frameworks for Web

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...

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...

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,...

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...

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,...

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...

calcGrid uses innovations brought forward via the Stylus CSS pre-processor engine, the calc() function to be more accurate.Using this small utility, developers can create self-adjusting grid systems that create columns at runtime depending on the amount...

UCSS (or Utility  CSS) is just like a CSS framework, only instead of pre-built HTML&CSS widgets, this tool only features a list of classes.Developers can take these classes, add them to desired HTML tags and easily append the class' properties to...

Quantum Colors is basically a collection of SASS variables.These variables hold all the colors specified in the Google Material Design guidelines, allowing developers easy access to all the color codes via simple shortcuts.All the original Material Design...

SSGS stands for Super Simple Grid System.As its name implies, SSGS is an easy to use tool to create column-based responsive grids, working around the box-sizing CSS property.The grid system is fully responsive and to our amazement is contained in only 60...