Free responsive frameworks and WordPress themes

Less Framework 4

The Less Framework  contains 4 adaptive layouts and 3 sets of typography presets, all based on a single grid, composed of 68 px columns with 24 px gutters. The idea is to first code the Default Layout (992 px), and then use CSS3 media queries to code seve­ral child layouts: 768, 480, and 320 px. The Default Layout will be served to any browsers that do not support media queries, whereas the child layouts will be served, as appropriate, to browsers that do.
Less Framework 4 Home GitHub


Foundation  is a a 12-column, future-friendly responsive grid framework that includes dozens of styles and elements to help you quickly put together clickable prototypes, that can then be adapted and styled into polished production code.
Foundation lets you quickly put together page layouts for mobile devices and the desktop. You don’t need two different sites – the Grid is built to create a rock-solid experience on all kinds of devices with the exact same markup.
Foundation Home GitHub Docs


The responsive MQFramework , based on a 12 column grid, has been structured to suit different needs, be it from a new project to fitting into an existing project with very little changes to the code. One CSS file imports the framework files and a custom stylesheet for the design of your site. It utilises the @media property to allow you to design your sites for browsers of all sizes.
MQFramework Home

Golden Grid System

The Golden Grid System  is a folding grid system for responsive design. It splits the screen into 18 even columns. The leftmost and rightmost columns are used as the outer margins of the grid, which leaves 16 columns for use in design. The 16 columns can be combined, or folded, into 8 columns for tablet-sized screens, and into 4 columns for mobile-sized ones. This way GGS can easily cover any screen sizes from 240 up to 2560 pixels.
It comes with folding columns, elastic gutters, a zoomable baseline grid, and the Golden Gridlet a little script that adds a button into the upper right corner of the page. When clicked or tapped, it overlays the GGS grid and a baseline grid of 1.5em onto the page, making it easy to visually check that design elements align up.
Golden Grid System Home GitHub

Fluid Baseline Grid

The Fluid Baseline Grid  system was built with typographic standards in mind and combines the key principals of fluid-column layouts, baseline grids and mobile-first responsive design into a resolution independent and device agnostic framework.
It is packed with CSS normalization, beautiful typographic standards, corrected bugs and common browser inconsistencies.
Fluid Baseline Grid Home GitHub


Columnal , a 1140px wide grid system, has been inspired by the and It makes web design easier by making your grids fluid, dynamically changing based on the browser size and switching to a mobile-style layout if the width is small enough. The grid is divided horizontally into a series of 12 columns, and vertically into rows. 12 columns divide nicely into equal columns of two, three, four, or six columns.
Columnal Home

The Semantic Grid System

The Semantic Grid System  is a responsive grid system that lets you set column and gutter widths, choose the number of columns, and switch between pixels and percentages without any ugly .grid_x classes in your markup.
The Semantic Grid System Home

The 1140px CSS Grid System

The 1140px CSS Grid  has been designed to fit perfectly with a 1280px screen, becoming fluid for smaller screens, beyond a certain point it uses media queries to serve up a mobile version.
The actual grid consists of twelve columns, evenly divided by either two, three, four or six. It works with all major browsers, with the exception of IE6, which does not support max-width (it will span the full width of the browser).
The 1140px CSS Grid System Home


Skeleton  is a small collection of CSS & JS files that has a lightweight 960 grid as its base that seemlessly scales down to downsized browser windows, tablets, mobile phones (in both landscape and portrait).
Skeleton Home GitHub

320 and Up

320 and Up  prevents mobile devices from downloading desktop assets by using a tiny screen’s stylesheet as its starting point. It starts with a tiny screen stylesheet that contains only reset, colour and typography styles. Media Queries then load assets and layout styles progressively and only as they’re needed.
320 and Up Home GitHub

The Goldilocks Approach

The Goldilocks Approach  uses a combination of Ems, Max-Width, Media Queries and Pattern Translations to consider just three states that allow your designs to be resolution independent.
It is a minimal framework that includes well commented CSS files that consider 3 CSS Media Query increments (multi column, narrow column and single column) and an HTML boilerplate file to get you started.
The Goldilocks Approach Home GitHub


inuit.css  is a lightweight, responsive and constantly updated CSS framework which gives you a pragmatic and feature-rich starting point for all your projects. It is crammed full of useful snippets and has additional plugins to extend its usefulness further.
inuit.css Home GitHub


BluCSS  is a lightweight CSS framework designed with ease of use and simplicity in mind. It is also extremely responsive with four distinct stages: Desktop screen, laptop, tablet, and mobile.
There are 10 columns in BluCSS, and each has a width specified in percentages. Because of this, they resize automatically to fit into their parent container. In this way, you aren’t restricted to just using the built-in “container” div. You can create smaller containers, and use BluCSS inside them with no changes whatsoever.
BluCSS Home


Frameless Home GitHub


Gridless  is an HTML5 and CSS3 boilerplate for making future-proof responsive websites. You can easily create responsive, cross-browser websites with beautiful typography. It is simple and straightforward and doesn’t come with any predefined grid systems or non-semantic classes.
Gridless Home GitHub


Amazium Home

Article from



25 Quality Responsive WordPress Themes

Evolution is our first fully responsive design. What makes the theme so special is its ability to adapt to various screen sizes. Just try reducing your browser’s window size when preview the theme to see the magic in action!


25 Quality Responsive WordPress Themes

Infinity is a responsive WordPress portfolio theme that uses project filtering and infinite scrolling. The theme is clean with minimal styling will look amazing across multiple devices and screen resolutions.


25 Quality Responsive WordPress Themes

Clean is a responsive and minimal WordPress theme that works and looks great across multiple devices and screen resolutions. This WordPress theme can be used as a blog or a portfolio to show off your work.


25 Quality Responsive WordPress Themes

TheStyle is a WordPress theme that uses a unique jQuery-enhanced fluid width design so your posts always get displayed in a way that is best suited for your visitor’s resolution


25 Quality Responsive WordPress Themes

Reveal is a responsive WordPress portfolio theme that’s designed to look great on different devices or screen sizes on which it’s viewed. It comes with clean styling and an Ajax powered portfolio.


25 Quality Responsive WordPress Themes

Simfo is a minimal and responsive WordPress theme which has great balance of white space and beautiful typography. The WordPress theme is responsive, working on all screen resolutions and most browsers including the mobile devices such as iPad, iPhone, Android, and Blackberry.


25 Quality Responsive WordPress Themes

Grido is a new Tumblr-like theme that is colorful, trendy, and stylish. Grido features a unique blog post layout that will re-size to fit the dimensions of the screen resolution you are using.


25 Quality Responsive WordPress Themes

Tisa is adaptive to the browser’s viewport with the design being completely fluid. No matter what device and resolution that your visitor is using, the theme automatically re-sizes and flow with the viewport.


25 Quality Responsive WordPress Themes

Suco offers a stunning design with a customizable slider, this responsive WordPress theme can be used as a business site, Tumblr-like blog, or just a static general site with its clever use of WordPress post formats.


25 Quality Responsive WordPress Themes

Elemin is a responsive WordPress theme that has a great combination of typography, white space balance and a focus on content. This WordPress theme is a piece of art crafted with modern technology — Google font, CSS3, Javascript and HTML5.


25 Quality Responsive WordPress Themes

Wumblr is a fully responsive WordPress theme that is built like a Tumblr website, but is actually built on WordPress. It will make your WordPress installation look and feel like a Tumblr blog.


25 Quality Responsive WordPress Themes

Currents is fully responsive WordPress theme, the theme is a content focused, news driven theme for WordPress designed by Andy Rutledge.


25 Quality Responsive WordPress Themes

Emporium is a modern, clean, responsive WordPress theme it is simple, slick styling allows it’s usage to be diverse, use it to sell anything. Beautifully.


25 Quality Responsive WordPress Themes

Argentum is a WordPress theme with responsive design perfectly optimized for mobile devices.


25 Quality Responsive WordPress Themes

SupportPress Customers can submit support requests but are encouraged to check an intuitive knowledge base to learn if their issues have already been resolved.


25 Quality Responsive WordPress Themes

Responz is a minimal and elegant responsive WordPress theme with great typography, a perfect theme for news and editorial sites.

Super Skeleton

25 Quality Responsive WordPress Themes

SuperSkeleton is a responsive WordPress theme with a a comprehensive HTML5 framework that includes a full templating system as well.


25 Quality Responsive WordPress Themes

Rising is a WordPress theme built from the ground up to be compatible with mobile devices. The theme is fully responsive, which means that the layout will adapt depending on the device’s viewport or screen size.


25 Quality Responsive WordPress Themes

PixelPower is a clean, modern and powerful responsive WordPress tumblog-style theme. The responsive web design adapts from large to mobile screens, just resize the browser window to test it out, no additional setup required!

Good Minimal

25 Quality Responsive WordPress Themes

Good Minimal is a responsive HTML5 and CSS3 WordPress theme, best suited for portfolio, blogs and businesses. This theme is flexible and is used media queries to adapt screen sizes, for iPhone, iPad and wide screens.


25 Quality Responsive WordPress Themes

Knead is a Portfolio WordPress theme designed to adapt to mobile devices with some cool responsive effects.


25 Quality Responsive WordPress Themes

Anthem is a responsive and minimalist tumblog style theme for photographers, artists, and creatives.


25 Quality Responsive WordPress Themes

React is a simple and elegant WordPress theme for business. The WordPress theme is clean and responsive and looks great on mobile devices and tablets.

Pure Theme

25 Quality Responsive WordPress Themes

The Pure theme is a responsive WordPress theme with a contemporary feel. The design is built on the Theme Loom Framework, which includes some powerful features and is BuddyPress compatible.


25 Quality Responsive WordPress Themes

Easy is a great responsive Magazine WordPress Theme that offers a clean design and well written HTML5 and CSS3 code.

Article from



This entry was posted in Frameworks and tagged , , , , , , , , , , , , , , , . Bookmark the permalink.