This is part 3 in in our ongoing series of posts highlighting the latest responsive web frameworks. And yes, today we have 15 even more frameworks for you to consider.
Just like all of the other frameworks we have previously featured, the frameworks below have been built for one specific reason: to allow you to rapidly and painlessly build a responsive web site.
Built from the ground up with Sass, GroundworkCSS is a fully responsive framework that features an incredibly flexible, nestable, fluid grid system with support for any number of columns in any fractional amount, which means it is a framework that works for virtually any modern layout.
MUELLER Grid System
Based on Compass, MUELLER is a modular grid system for responsive/adaptive and non–responsive layouts. It gives you full control over column width, gutter width, baseline grid and media–queries.
The Cool Kitten framework, is a lightweight HTML/CSS/JS toolkit for creating a responsive parallax scrolling website. It makes use of Normalize.css, Stellar.js and the jQuery Easing Plugin.
Built in SCSS, the Profound Grid is a flexible (either fluid or fixed) responsive grid system and you can add per-media layouts as required (by changing the column and gutter widths or adding/removing columns). Unlike other grid systems, Profound Grid uses negative margins to calculate columns, so that fluid layouts will look exactly the same in every browser.
Built using SASS and CSS3 media queries, Centurion is an easy-to-use responsive web framework. It comes packages with custom and and easy to modify scripts for navigation, tables, and tabbed elements (built using CoffeeScript). Even the CSS was built using Sass making it easy to include or exclude any portions of the code you may or may not want.
34 Responsive Grid System
34Grid is a responsive grid system based on “equally distributed columns” layout basis. In contrast to other great grid systems, 34Grid provides equally distributed columns for each row. It is completely customizable and it allows you to build your own download package (number of max columns, column margin, row margins and transitions between columns).
One% CSS Grid
One% CSS Grid is a percentage based 12 column fluid CSS grid system that would work perfectly well for anyone looking to quickly build a responsive base. It has two starting points, one which fits 1280px screens (in full screen view) and another one which fits 1024px screens (in full screen view).
The RWD Grid is a responsive grid system based on the popular 960.gs. The naming conventions of this grid system are similar to the 960.gs – and to improve readability, underscore has been replaced by a hyphen.
Not a boilerplate or a theme, Sassaparilla uses the power of Sass via SCSS and Compass to create flexible stylesheets that you can re-use and add to over time.
Base is a 12 column 960px grid (max) responsive CSS framework that has everything you need for starting a responsive web project quickly. It comes with a minimal HTML5 template (including jQuery), a stylesheet with basic styles, a default JS file with base enhancements & fallbacks and, a LESS file to easily customize your stylesheet.
Neat is a semantic grid framework built on top of Sass and Bourbon. It is simple enough to get you up and running in minutes, and powerful enough to handle almost anything you throw at it. Using Sass 3.2 block mixins, this framework makes it extremely easy to build responsive layouts. Using the
breakpoint() mixin, you can change the number of columns in the grid for each media query and store these values in project-wide variables to DRY up your code.
Extra Strength Responsive Grids
Extra Strength Responsive Grids create more pliant responsive grids that are fluid and percentage-based. Alignment is easy, you can nest your grids, and it uses easy-to-remember classes. It’s even SASS-enabled.
Extra Strength Responsive GridsGitHub
Blok Grid System
The Blok Grid System is a mobile first framework that aims to give web developers complete control over how a website responds to mobile, tablet and desktop viewports. Built on a twelve column grid for each viewport, you can select the number of columns for each
div and breakpoint.
Recently Updated Frameworks
Gumby 2 is a free, open-source responsive front-end development framework built with SASS. The grid is engineered to be there when you need it, and get out of your way when you don’t; it’s a powerful fluid-fixed layout defaulting to the popular 960 grid. It includes Google Webfonts, Entypo icons, modular scale typography and a fully customizable UI kit all built into it’s extensible codebase.
Foundation, the popular web framework from ZURB, has recently undergone an intensive updgrade. The codebase has been completely rewritten with the objective of taking a ‘mobile-first’ approach. All of it’s JS plugins have all been rewritten to make them better, stronger and faster. And they’ve also switched Foundation over to Zepto, which is deemed a much lighter substitute for jQuery.