There is a lot of talk within the web design community about responsive design at the moment, at its most basic it means serving up different versions of your web site depending what size screen resolution a person is using. So you would have one version for widescreen desktops, a smaller version for smaller resolutions and then a mobile version for smart phones etc. It’s a concept I like – its nice when browsing on your phone and you receive a nicely formatted version which makes it easier to read. There are a number of WordPress themes with responsive layouts thats have been released for free, which I will cover in this blog post.
Ari WordPress Theme
Ari is a minimalistic, flexible three-column blog theme. The theme uses CSS3 media queries for its responsive layout and is therefore optimized for tablet pcs and smart phones (the theme switches to a two-column layout when viewed on a horizontal iPad screen, and to a one-column layout on iPhones). You can also choose a dark color scheme and the backgound-, text- and link-colors can be customized in the theme options page.
- Full Details | Demo | Download
Yoko
Yoko is a modern three-column blog theme. A responsive layout optimizes the theme for mobile devices like tablet pcs and modern smartphones (the layout switches to a two- or one-column layout depending on the screen size the theme is viewed on). To make your blog post more flexible you can use different kinds of post formats such as gallery, image, video, aside, link or quotes. To customize the theme you can choose your own background, link color, logo and header image. Yoko also comes with a custom social links widget and shortcodes for text columns, info boxes and highlighted text.
- Full Details | Demo | Download
Constellation Theme
Highly optimised WordPress framework rewritten from the ground up using HTML5, Media queries for several devices / screen resolutions with default styles included, Custom 2, 6, 9 & 12 column grids for each device, A solid 32px vertical rhythm which scales in tandem with the screen resolution.
- Full Details | Demo | Download
iTheme2
- Full Details | Demo | Download
BonPress
- Full Details | Demo | Download
Skeleton
Responsive web design is a popular topic these days, and is proving to be a great avenue for promoting usability, simplicity, and overall compatibility. We’ve decided to build our latest simple WordPress theme around a very popular responsive boilerplate, coupled with the popular Options Framework for full customization.
- Full Details | Demo | Download
Responsive Twenty Ten
Responsive child theme for default Twenty Ten. Provides fluid layout for many browsers including mobile support for iPhone, iPad and Android. Being a child theme, it is dependent on the Twenty Ten theme as a parent.
- Full Details | Demo | Download
Flexible
Flexible is a WordPress Theme that helps present your content and display it to fit different screens sizes, with a design of your own. It also provides a really easy integration with Facebook and Fan Gate option, a must have if you are running a website.
- Full Details | Demo | Download
Whiteboard
Whiteboard framework for WordPress was developed to speed up the process of developing a WordPress theme. Whiteboard does so by eliminating the time spent on code common to all WordPress themes and includes non-intrusive code that improves the overall WordPress theme in many ways – including SEO, speed, usability, and mobile support.
- Full Details | Demo | Download
Renova
Renova, a new single column theme for wordpress.The main design of renova is concentrated on a minimal style dedicated to those writers who need a simple layout without any kind of useless stuff.
- Full Details | Demo | Download
Scherzo
Scherzo is a clean, readable theme that boasts a mobile first design, which means it displays perfectly on all mobile phones as well as desktop monitors.
- Full Details | Demo | Download
Foghorn
Foghorn is a minimalist theme built off the foundation of Twenty Eleven. It has a custom options panel for switching layouts, removing sidebars, uploading a logo, backgrounds, and changing footer text. It’s design is responsive, meaning it looks good at any browser width including iPhones and other mobile devices.
- Full Details | Demo | Download
SimpleMarket
SimpleMarket is a html5 responsive theme with a simple design to complement content
- Full Details | Demo | Download
Meerkats
The Meerkats Theme is built to respond to different platforms and devices. It is a simple and basic WordPress theme built by Gregor McKelvie. There’s no need to click on demo or preview as what you are looking at is the Meerkats Theme. Try it in different browser widths, on an iphone and on a tablet – it adapts well.
- Full Details | Demo | Download
Thematic 320 and Up
320 and up was developed by Andy Clarke, and is a great starting point for building websites that utilize the latest technologies in modern web browsers. It can be used as is, or as an extension of the HTML5 Boilerplate.
- Full Details | Demo | Download
1140 Fluid Starkers
I’m a huge fan of Elliot Jay Stocks’ Starkers WordPress Theme, and an even bigger fan of the 1140 CSS Grid, the absolutely fantastical fluid down to mobile grid framework. Today I needed them to marry and have a child, and this is what came of it.
- Full Details | Demo | Download
Blaskan
A responsive and accessible WordPress theme.
- Full Details | Demo | Download
Post Tags
34 Comments
I believe the responsive themes will become a standard in wordpress themes in two years time. what say you?
Yep, its becoming a standard on the web in general thanks to smartphones / iPad etc.
More work for the developers!
We’re slightly late to the ‘party’ but we’ve just released a free responsive theme too: OctoPink http://www.simplywp.net/octopink-theme.html :)
Good job Kathie – very pink indeed! :)
Hi try codium extend (on the wp codex) it’s a responsive theme too! http://wordpress.org/extend/themes/codium-extend
And demo here :
http://www.code-2-reduction.fr/codiumextendpreview/
+++
Thanks Henri,
That looks like a good blank theme to build on top of.
I wonder if there is a responsive theme available for buddypress for free of cost. I just found 1 which is a paid one. Does any one have idea?
Skeleton has a free bbPress theme included ;-)
Sorry, I’ve read too quickly and confused bbPress with buddypress. Seems like ThemeLoom is developing a lot of responsive themes for buddypress (e.g. Xi, Pure, etc.), but I’ve found a comment of Sarah Gooding that says bbPress compatibility isn’t really theme-dependent so maybe the free ones will also do!?
http://tour2hillstations.com/open this , in this website u can read and enjoy about the hillstations.
Very helpful collection.
Thanks for listing so many responsive themes in one place.
Meerkats is the theme which I was looking for a long time..thanks
Themes very nice . I like it
Themes look great! I really really like them!
Leave a Reply