Free CSS Layouts And Templates

• By Sven Lennartz
• January 12th, 2007
• CSS, Layouts, Resources
• 54 Comments

As a web-developer you don’t have to re-invent the wheel all the time. If it just has to work, and has to be valid, and has to have a nice, visually appealing design hierarchy, you just can use css-techniques developed in the web-dev-community over the last few years. If you take a look around, you’ll find many templates, which include basic (X)HTML/CSS-markup.

You can start from there, learning and exploring the possibilities of CSS and modifying templates for your exquisite taste. Below you’ll find a list of resources which offer free, gorgeous and valid CSS-based templates – usually with images and full layout structure, such as headers, navigation bars, content containers, sidebars and footers.

Usually developers require a link to the site where the template was downloaded from. So before using these templates it might be useful to take a look at the license agreement the developer provides. Links checked: July/13 2010.

(X)HTML- and CSS-Templates

• Open Source Templates
  15 impressive templates
• OSWD
  Hundreds of templates and layouts of all possible kinds.
• OSWT
  A huge collections with search- and sort-functions. With annoying advertisement.
• Maxdesign
  23 layouts and design solutions
• CSSplay
  Stu Nicolls presents dozens of free professional layouts. Sometimes a permission to use layouts is required.

  

• Changingman
  Beautiful liquid 3-col-layout.
• Mollio
  Seven variations of one template, incl. style guides as .pdf-files.
• Six Shooter Media
  15 Templates
• Yahoo! UI Library: Grids CSS
  A complex solution for many problems you might ever have: grid design is a principle well-known from image editors and layout tools.
• CSS Design Templates
  12 Templates
• ThreeColumnLayouts, by CSS Discuss
  Collection of 3-column-templates, gathered from a dozen of sources on the Web.
• CSS Intensivstation
  15 Layouts

  

• CSSFILL
  Small collection for personal web-sites
• CSS Frames Layouts
  Frames are also possible with CSS

  

• Ex-Designz
  98 (X)HTML-based CSS-templates
• Code-Sucks
  6 templates and various layouts with 2-4 columns.
• Jimmy Lin
  8 simple templates
• Layout Gala
  40 professional Layouts for fresh and serious online-presentations.
• Little Boxes
  16 Layouts, classic.
• Solucija
  19 Templates