Smashing Magazine ~ we smash you with the information that will make your life easier. really.
Smashing Magazine we smash you with the information that will make your life easier. really.

Free CSS Layouts And Templates

January 12th, 2007 in CSS | 86 Comments

Advertisement

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.

(X)HTML- and CSS-Templates

Even more freebies!

Advertisement
  1. 1.

    Leandono (January 12th, 2007, 9:43 pm)

    Others listings with free CSS layouts and templates:

    Link [www.leandrodonofrio.com]
    Link [www.leandrodonofrio.com]

    In Spanish

  2. 2.

    Rene (January 12th, 2007, 11:52 pm)

    Don’t forget about Layout Gala!

    Link [blog.html.it]

  3. 3.

    Torsten (January 13th, 2007, 12:53 am)

    A very popular German template with high effort to validate and look nice in all browsers is

    Link [www.yaml.de]

    (CC attribution licence)

  4. 4.

    milo (January 13th, 2007, 3:09 am)

    Cool list.

  5. 5.

    Joseph (January 13th, 2007, 3:24 am)

    Another decent one:

    Link [www.freecsstemplates.org]

  6. 6.

    CSSdesigner (January 15th, 2007, 12:06 pm)

    Another good one…most are web 2.0 styled website templates:
    Link [www.templateworld.com]

  7. 7.

    Frederick Townes (January 16th, 2007, 12:41 pm)

    Amazing resources! Well Done!

  8. 8.

    him (January 21st, 2007, 6:41 pm)

    can anyone give me some links to good magazine templates please

  9. 9.

    Jason (January 22nd, 2007, 6:50 am)

    Another great selection of free templates, Link [www.edg3.co.uk]

  10. 10.

    the doc (January 22nd, 2007, 10:06 pm)

    tinderbox has moved:

    Link [csstinderbox.raykonline.com]

  11. 11.

    oswt (January 25th, 2007, 12:15 am)

    Hi
    Don’t you love advertisements :)

    we have now removed them from Link [www.oswt.co.uk]

    will be updating all the free template designs very soon

    Al

  12. 12.

    Miniclip (February 3rd, 2007, 6:32 am)

    Thanx for all the usefull links again :D

  13. 13.

    Victoria (February 14th, 2007, 3:37 pm)

    Link [www.studio7designs.com]

    Love you guys! And blogged about you a few times in the last few months. Keep it up!

  14. 14.

    Madonna (February 23rd, 2007, 8:45 am)

    I’m using CMS in my Macromedia 8 -it’s really cool.
    I like it thank you for article ;-)

  15. 15.

    Jaime Silva | Publicidade e Multimedia (February 23rd, 2007, 10:56 pm)

    Nice Blog.
    Interesting to see how the web design 2.0 have so much sucssess.

  16. 16.

    Chris (March 7th, 2007, 6:16 pm)

    Another good one:

    Link [www.templateyes.com]

  17. 17.

    DangGirl (March 15th, 2007, 9:42 am)

    I love(not like) love these! The ones at Dynamic Drive are exactly what I’ve been looking for. I wished I would have found this before I designed the site I just finished up! Arg…!

  18. 18.

    scorpio (March 16th, 2007, 2:56 pm)

    These are relly very good. i like them most

  19. 19.

    Zeeshan (March 20th, 2007, 9:20 am)

    Link [www.yaml.de] Very good template I must say

  20. 20.

    explorer (April 3rd, 2007, 2:16 am)

    nice weblog & nice job
    very thanks…

  21. 21.

    ARTUR (May 7th, 2007, 1:14 am)

    good article

  22. 22.

    Jan Stoll (May 7th, 2007, 10:23 pm)

    You will find some free XHTML/CSS templates here Link [www.shocktone.de]

  23. 23.

    Free Templates (June 11th, 2007, 3:16 am)

    Take a look at: Link [www.free-css-templates.co.uk]. There are over 600 free templates there.

  24. 24.

    Canoe (June 22nd, 2007, 6:37 am)

    These are relly very good. i like them most

  25. 25.

    Denise (June 30th, 2007, 9:44 pm)

    Over 60 free CSS templates here - Link [www.mitchinson.net]

  26. 26.

    Link Forever (July 10th, 2007, 9:52 am)

    Especially I loved ‘Little Boxes’ :). Very useful resource. Really save my time while creating new templates.

  27. 27.

    Felsefe (July 16th, 2007, 2:07 am)

    Well Done!
    These are relly very good. i like them most.
    Thanks ;)

  28. 28.

    Kjell (July 24th, 2007, 2:14 am)

    Please check out Link [www.free-template-ports.com]. After registration you can download opensource templates ported to Forest Blog and Forest Site.

  29. 29.

    Rene Furterer (September 9th, 2007, 2:05 am)

    Thanks for very interesting article. Can I translate your article into polish and publish at my website?
    I will back here and check your answer. Keep up the good work.

  30. 30.

    Jake (September 22nd, 2007, 3:25 pm)

    5 free website templates can be downloaded there: Link [www.web-templates.ws] (middle of page)

  31. 31.

    M (October 4th, 2007, 2:06 pm)

    So here is a question. Can a CSS layout be built to be as follows.

    3 columns plus header (and even footer) where the right hand column extends to the top of the page, i.e. top of right hand column is equal to top of header.

    I have looked at LOTS of the CSS Layout around on the net and have yet to see this - is it not possible?

    .m
    p.s. Thanks for a great site.

  32. 32.

    Marc Klein (October 10th, 2007, 9:17 pm)

    here is another site offering website templates. Check it out.

    Link [www.pixel-templates.com]

  33. 33.

    counter strike (November 14th, 2007, 5:17 pm)

    I love(not like) love these! The ones at Dynamic Drive are exactly what I’ve been looking for. I wished I would have found this before I designed the site I just finished up! Arg…!

  34. 34.

    Vadim Danilov (December 27th, 2007, 3:58 pm)

    Hi!
    This is a collection of free designs for blogs: Link [styles.movabletype.org]

  35. 35.

    web design (January 9th, 2008, 5:39 am)

    hmm interesting collection !! thanks !!

  36. 36.

    slm (January 11th, 2008, 4:40 am)

    selam millet

  37. 37.

    jlm nv (March 14th, 2008, 5:45 am)

    CSS Template Gallery
    The site includes a search function, however it includes only 32 templates.

    On the page, the link to the CSS templates is the same address as the link to the home page itself, and it takes you nowhere. Is it just me?

    I really wanted to review these templates, but it was a hassle opening the pages through the Google translator.

  38. 38.

    JLM (March 19th, 2008, 5:46 pm)

    when you go to the CCS Template Gallery,, the css template link on that site [http://tools.i-use.it] is the same as the site’s home page link. It takes you nowhere.

  39. 39.

    Austin (April 8th, 2008, 4:02 am)

    I am contacting you through this contact form as there was no email address available.
    We would be interested in purchasing advertising on your site Link [www.smashingmagazine.com.]
    Please get back to me using the email address I have entered if you would be interested in discussing this further.

  40. 40.

    Free CSS Templates (April 16th, 2008, 4:20 pm)

    Dont forget about Link [templatefusion.org.]

Leave a Reply

Allowed Tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>
 

Smashing Jobs

Browse all jobs » Post your jobs now!

Smashing Links

Popular Posts

All Posts

Webtips

Sideblog

Footers can be a place where a designer can let his creative juices flow a little more freely. Christian Watson shows 76 excellent footer designs. More footers.

Footers

Ross Johnson discusses 8 forgotten fonts you may use in CSS. Among them are Palatino Linotype, Century Gothic, Copperplate and Gill Sans — apparently, these fonts are installed on a variety of operating systems.

Palatino

How creative can a table of contents be? Designobserver presents Thirty Tables of Contents. The collection includes excerpts from the books by Philip Larkin, Philip Roth, Paul Rand and Jan Tschichold.

Table of Contents

A set of 18 splendid and colorful looking 3D RSS-Icons. They are done with 3d Studio Max. JPG.

Screenshot

In Font Clock 12 different fonts are printed within the mechanism of a clock, providing a random, mixed display of graphic language within a single time piece. Designed by Sebastian Wrong.

Font Clock

One pixel notched corners as used by Google Analytics. Instead of each option being boxed in a clickable rectangle, there is a 1px notch in each corner. It's not necessarily a curved corner, but it is a little softer than a normal box. Nice little trick.

Screenshot

Hartija is a CSS print framework which is an attempt to unite best CSS printing practices into one single CSS-file.

Rather than standard website templates, a free admin template is nearly impossible to find. This is an admin template which you can use for web applications like online-shops or CMS.

Screenshot

Blogroll

  • Grab the High-Quality OpenType Free Font Anivers!
  • Grab the Dilectio WordPress Theme!
  • Grab the Smashing WordPress Theme!