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

Free CSS Layouts And Templates

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. Links checked: June/19 2008.

(X)HTML- and CSS-Templates

Sven Lennartz

The Co-Founder of Smashing Magazine. Former writer, web designer, freelancer and webworker. Author of several books. Runs the business.

Post Rating
1 Star2 Stars3 Stars4 Stars5 Stars (No votes yet)
Loading ... Loading ...

Tags: , , ,

Advertising
  1. 1
    milo
    January 13th, 2007 3:09 am

    Cool list.

    Reply
  2. 2
    Frederick Townes
    January 16th, 2007 12:41 pm

    Amazing resources! Well Done!

    Reply
  3. 3
    Miniclip
    February 3rd, 2007 6:32 am

    Thanx for all the usefull links again :D

    Reply
  4. 4
    Victoria
    February 14th, 2007 3:37 pm

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

    Reply
  5. 5
    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 ;-)

    Reply
  6. 6
    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.

    Reply
  7. 7
    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…!

    Reply
  8. 8
    scorpio
    March 16th, 2007 2:56 pm

    These are relly very good. i like them most

    Reply
  9. 9
    explorer
    April 3rd, 2007 2:16 am

    nice weblog & nice job
    very thanks…

    Reply
  10. 10
    ARTUR
    May 7th, 2007 1:14 am

    good article

    Reply
  11. 11
    Canoe
    June 22nd, 2007 6:37 am

    These are relly very good. i like them most

    Reply
  12. 12
    Felsefe
    July 16th, 2007 2:07 am

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

    Reply
  13. 13
    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.

    Reply
  14. 14
    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.

    Reply
  15. 15
    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.

    Reply
  16. 16
    RICKY CASTILLO
    June 24th, 2008 4:55 am

    NICE

    Reply
  17. 17
    The flash guy
    July 9th, 2008 1:18 am

    Thanks another great resource and something to learn

    Reply
  18. 18
    Klein George Kamau
    August 16th, 2008 5:31 am

    ya, already available in deramweaver cs3. lol

    Reply
  19. 19
    Faiyaz
    November 4th, 2008 7:26 am

    These are relly very good. i like them most

    Reply
  20. 20
    Web3
    November 11th, 2008 6:55 am

    Useful, thanks.

    I tend to use the same CSS stylesheet on most of my projects, then strip it down and tweak it til its lean and great looking.

    Reply
  21. 21
    satti
    December 19th, 2008 1:57 am

    rely very good

    Reply
  22. 22
    Uğur
    February 16th, 2009 3:02 pm

    very nice collection. thanks a bunch.

    Reply
  23. 23
    alex
    March 3rd, 2009 10:36 pm

    I’ve seen a lot of CSS Layouts around but I think the Yahoo Interface Library Core CSS is one of the better ones.

    Reply
  24. 24
    ortak miras
    March 16th, 2009 2:11 pm

    very good, thanks

    Reply
  25. 25
    vishal
    March 24th, 2009 12:34 am

    These are very good and can be easily implemented on sites. Thanks for this post.

    Reply
  26. 26
    Manikandan
    April 3rd, 2009 3:30 am

    Wow… Wonderful Links.

    Thanks for the links. SEO Services

    Reply
  27. 27
    Michael
    April 8th, 2009 10:25 am

    Great list… Some ideas I used on my page

    Reply
  28. 28
    Sait ERGÜN
    April 8th, 2009 4:19 pm

    Nice ;)

    Reply
  29. 29
    youtube
    April 18th, 2009 3:53 am

    hoş temalar

    Reply
  30. 30
    Alex :)
    May 6th, 2009 9:13 am

    hi my name is alex and im bored in my computer class

    Reply
  31. 31
    Daniel Errante
    June 4th, 2009 1:18 pm

    Great list of resources, will save designers hours of time now that all of this is in one place!

    Reply
  32. 32
    Garry
    June 6th, 2009 4:34 am

    great list… and template details… i need more templates for training… and need css based design for …. 22 website design

    Reply
  33. 33
    Dave Pritipaul
    June 15th, 2009 10:09 pm

    great site..im looking for a cool css layout..does anyone know where i can find one?

    Reply
  34. 34
    Digital
    June 17th, 2009 6:47 am

    Thanks This is a big help to web designers everywhere.

    Reply
  35. 35
    binarybloom
    October 8th, 2009 1:53 am

    Nice list of open source css based template site. Readers could checkout another good free open source css template site.

    Reply
  36. 36
    ASHUTOSH
    October 21st, 2009 10:03 pm

    please tell me free website for css templates

    Reply
  37. 37
    Stanley WAS
    October 30th, 2009 2:48 am

    One of my clients wants the (textual) content on the right hand side to follow the contour of an ellipse. All suggestions are appreciated!

    Reply
  38. 38
    порно скачать
    November 15th, 2009 4:04 pm

    Пост реально порадовал. Постеру респект. В поддержку темы тоже делюсь тем, что близко мне – http://www.порно-онлайн.su, Заходите – не пожалеете

    Reply
  1. 00

    There are no trackbacks at this time. If you are interested in leaving a trackback, please use this URL.

Leave a Comment

Make sure you enter the * required information where indicated. Please also rate the article as it will help us decide future content and posts. Comments are moderated – and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!



Advertisement Advertise with us!
Join in Smashing Forum
Post your job


Advertisement