hidden

Smashing Magazine

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: July/13 2010.

(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.

12

Tags: , , ,

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

    Cool list.

    Reply
    • 2
      rex
      April 12th, 2010 11:55 pm

      ya really cool

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

    Amazing resources! Well Done!

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

    Thanx for all the usefull links again :D

    Reply
  4. 5
    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. 6
    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. 7
    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. 8
    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
    • 9
      prasanth
      July 8th, 2010 10:11 pm

      hi dear

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

    These are relly very good. i like them most

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

    nice weblog & nice job
    very thanks…

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

    good article

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

    These are relly very good. i like them most

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

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

    Reply
  13. 15
    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. 16
    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. 17
    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. 18
    RICKY CASTILLO
    June 24th, 2008 4:55 am

    NICE

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

    Thanks another great resource and something to learn

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

    ya, already available in deramweaver cs3. lol

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

    These are relly very good. i like them most

    Reply
  20. 22
    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. 23
    satti
    December 19th, 2008 1:57 am

    rely very good

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

    very nice collection. thanks a bunch.

    Reply
  23. 25
    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. 26
    ortak miras
    March 16th, 2009 2:11 pm

    very good, thanks

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

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

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

    Wow… Wonderful Links.

    Thanks for the links. SEO Services

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

    Great list… Some ideas I used on my page

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

    Nice ;)

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

    hoş temalar

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

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

    Reply
  31. 33
    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. 34
    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. 35
    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. 36
    Digital
    June 17th, 2009 6:47 am

    Thanks This is a big help to web designers everywhere.

    Reply
  35. 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
  36. 38
    pipegm
    November 23rd, 2009 9:27 am

    Thank you so much!!!

    Reply
  37. 39
    jignesh
    February 7th, 2010 3:40 am

    its a good content will help in ma web design
    thanks

    Reply
  38. 40
    large
    February 7th, 2010 8:45 pm

    I dont know what kinda page this is but in IE6, it only has one narrow columb on the left side. You would think a site like this could do better. :))

    Reply
  39. 41
    Rawat
    February 25th, 2010 1:47 am

    I like this site very much. This is relly very good site for see and find nice graphic and web designing sources.

    Reply
  40. 42
    Nate
    March 6th, 2010 10:25 am

    Some of you might be interested in a free template I made. It has valid code, a decent design, portfolio page and a working contact form … all totally free. You can check out the demo on my blog: http://www.iamnatesmith.com/vibrantfoto-a-free-site-template/

    Reply
  41. 43
    kolomensky
    March 10th, 2010 12:15 pm

    very good, thanks
    ill kepp ut on my site kolomensky

    Reply
  42. 44
    Vinesh
    March 12th, 2010 2:56 pm

    Excellent resources. Thanks.

    Reply
  43. 45
    Macasura
    April 5th, 2010 7:32 pm

    very good inforamation

    Reply
  44. 46
    M.Nasir
    May 31st, 2010 9:12 pm

    very nice

    Reply
  45. 47
    mindxstudio
    June 1st, 2010 5:55 am

    Happy to found this collection.

    Reply
  46. 48
    cars
    June 16th, 2010 6:26 pm

    Very informative…Thanks for sharing!

    Reply
  47. 49
    yahya
    July 23rd, 2010 3:36 am

    thx a lot…
    really2 cool

    Reply
  48. 50
    peter kontos
    August 16th, 2010 6:15 pm

    i love men oiled up

    Reply

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!
Add this widget to your site!
Visit job board Post your job

Interact

Cartoons

Open Standard Live Streaming

Popular 2010