15 Free Responsive Web Design Templates

| November 7, 2012 | 2 Replies

Responsive web design is a nifty concept–there’s no way around it. If you’re looking for a way to make your website responsive, but your budget is tight, you can find a great free responsive web design template to help you out. Take a look at 15 of my favorite free responsive web design templates. Did I mention they’re free? Because they totally are. Check them out.

1140 CSS Grid System

1140CSSGrid 15 Free Responsive Web Design Templates

Image from cssgrid.net

The 1140px CSS Grid System template is fluid and uses columns to make your website look sharp across a myriad of devices, especially on smartphones. It also comes with a Photoshop template.

Html5 Template: Yoko

html5yoko 15 Free Responsive Web Design Templates

Image from html5xcss3.com

This free template uses HTML5 and CSS3 to create a responsive site that uses three columns with a couple sidebars to keep your website fluid.

Brownie–Professional Portfolio and Business HTML5 Template

Brownie 15 Free Responsive Web Design Templates

Image from egrappler.com

This is a beautiful responsive template that’s perfect for personal portfolios or businesses. The slider allows stunning images to be displayed quickly and multiple columns rearrange themselves nicely when the browser size is changed.

Modus

modus 15 Free Responsive Web Design Templates

Image from luiszuno.com

Modus is another free responsive template that would go well with photo and image-rich content. The template is clean, which would really make those images shine.

Style Tiles

styletiles 15 Free Responsive Web Design Templates

Image from styletil.es

Style Tiles is a great responsive web design template that is perfect for those content-heavy websites. Not only does it provide a free template for you to use for your website, it also comes with a lot of great advice to help you use the template to the best of its abilities.

Seamless Responsive Photo Grid

Seamlessresponsive 15 Free Responsive Web Design Templates

Image from css-tricks.com

This template gives you a grid to arrange photos, or blocks of text, to stay in a perfect block format.

Buzz

buzzapp 15 Free Responsive Web Design Templates

Image from byevan.com

Buzz isn’t available yet, but this is a good one to remember. It’s designed with mobile devices in mind first, and will work to make the text and typography the star of the website.

Whiteboard Framework for WordPress

whiteboard 15 Free Responsive Web Design Templates

Image from whiteboardframework.com

Whiteboard Framework is a simple and straight-forward template to use with a responsive hosted on WordPress. It features manageable menus, background and header images, as well as featured images and widget areas.

Mobile Boilerplate

Mobileboilerplate 15 Free Responsive Web Design Templates

Image from html5boilerplate.com

The Mobile Boilerplate is a great template that is mobile-friendly and works well with Google Analytics. It also includes many other features for mobile devices, like touch-device icons.

Create a Responsive Web Design Template

onextrapixel 15 Free Responsive Web Design Templates

Image from onextrapixel.com

This template is for the more adventurous web designer. Instead of just getting the template, you’re given code that you can personalize.

Skeleton

skeleton 15 Free Responsive Web Design Templates

Image from getskeleton.com

Skeleton is also a template that helps you develop a responsive website, rather than just giving you one. It covers the layout grid, typography, buttons, forms and media queries.

Folder

folder 15 Free Responsive Web Design Templates

Image from luiszuno.com

Luis Zuno provides us with another free responsive web design template, called Folder. Folder has a featured slider and blocks that rearrange themselves based on the browser size. Each block contains a picture and text, which keeps your content neatly-organized.

Less Framework 4

lessframework4 15 Free Responsive Web Design Templates

Image from lessframework.com

This free responsive web design template is a CSS grid system for designing adaptive websites. It contains four layouts and three sets of typography presets, which are all based on a single grid.

320 and Up

320andup 15 Free Responsive Web Design Templates

Image from stuffandnonsense.co.uk

Europe has embraced responsive and adaptive web design before us Yankees even started thinking about it. Check out this template, 320 and Up, which has five CSS3 Media Query increments, bootstrap styles for buttons, forms and tables and various other features.

Tiny Fluid Grid

tinyfluid 15 Free Responsive Web Design Templates

Image from tinyfluidgrid.com

Tiny Fluid Grid is an awesome template, because you can customize the number of columns you want, the gutter percentage and the min and max width. Pretty cool, huh?

To learn more about responsive web design and get more free responsive web design templates, sign up for our email newsletter, follow us on Twitter and like our Facebook page. .




Share!
  • more 15 Free Responsive Web Design Templates

    Related posts:

    Tags: , , , , , , , , , ,

    Category: Resources, Responsive Website Design Examples

    About the Author ()

    Sara is a Kent State University alumna with a degree in public relations.

    Comments (2)

    Trackback URL | Comments RSS Feed

    1. Deany Hampton-Williams says:

      As both a back end and Frontend developer, Responsive design has given me a whole new enthusiasm on the front end, like I had back in the 90′s when I first started coding, great article too :-)

    Leave a Reply