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

By Smashing Editorial, January 12th, 2007 in CSS | 146 Comments | Forum

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

Delicious button Stumbleupon Spread the word on Twitter!

Advertisement
  1. 1.

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

    Cool list.

  2. 2.

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

    Amazing resources! Well Done!

  3. 3.

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

    Thanx for all the usefull links again :D

  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!

  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 ;-)

  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.

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

  8. 8.

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

    These are relly very good. i like them most

  9. 9.

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

    nice weblog & nice job
    very thanks…

  10. 10.

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

    good article

  11. 11.

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

    These are relly very good. i like them most

  12. 12.

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

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

  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.

  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.

  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.

  16. 16.

    RICKY CASTILLO (June 24th, 2008, 4:55 am)

    NICE

  17. 17.

    The flash guy (July 9th, 2008, 1:18 am)

    Thanks another great resource and something to learn

  18. 18.

    Klein George Kamau (August 16th, 2008, 5:31 am)

    ya, already available in deramweaver cs3. lol

  19. 19.

    Faiyaz (November 4th, 2008, 7:26 am)

    These are relly very good. i like them most

  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.

  21. 21.

    satti (December 19th, 2008, 1:57 am)

    rely very good

  22. 22.

    Uğur (February 16th, 2009, 3:02 pm)

    very nice collection. thanks a bunch.

  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.

  24. 24.

    ortak miras (March 16th, 2009, 2:11 pm)

    very good, thanks

  25. 25.

    vishal (March 24th, 2009, 12:34 am)

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

  26. 26.

    Manikandan (April 3rd, 2009, 3:30 am)

    Wow… Wonderful Links.

    Thanks for the links. SEO Services

  27. 27.

    Michael (April 8th, 2009, 10:25 am)

    Great list… Some ideas I used on my page

  28. 28.

    Sait ERGÜN (April 8th, 2009, 4:19 pm)

    Nice ;)

  29. 29.

    Intelm (April 13th, 2009, 6:39 am)

    И да прибудет с нами сила

  30. 30.

    arterset (April 14th, 2009, 10:28 am)

    По правде говоря, сначала не очень то до конца понял, но перечитав второй раз дошло - спасибо!

  31. 31.

    Lofpaino (April 16th, 2009, 1:49 pm)

    Спасибо за статью. Восхищена как всегда

  32. 32.

    youtube (April 18th, 2009, 3:53 am)

    hoş temalar

  33. 33.

    totanili (April 18th, 2009, 4:45 pm)

    Спасибо за статью.. Актуально мне сейчас.. Взяла себе еще перечитать.

  34. 34.

    Camempogeorm (April 19th, 2009, 2:29 pm)

    Огромное человеческое спасбо!

  35. 35.

    ununlityMn (April 20th, 2009, 2:19 pm)

    Скажите, а у вас есть RSS поток в этом блоге?

  36. 36.

    fubres (April 22nd, 2009, 1:42 pm)

    И да прибудет с нами сила

  37. 37.

    vorrorpowl (April 24th, 2009, 12:59 pm)

    И да прибудет с нами сила

  38. 38.

    DaceSenetieD (April 25th, 2009, 2:08 pm)

    Скажите, а у вас есть RSS поток в этом блоге?

  39. 39.

    Praria (April 26th, 2009, 5:20 pm)

    Огромное вам пасибо! а еще посты на эту тему будут в будущем? Очень жду!

  40. 40.

    Swonnollok (April 27th, 2009, 4:44 am)

    Огромное человеческое спасбо!

  41. 41.

    anivaaffow (April 29th, 2009, 6:34 am)

    Не завидуй тому, кто силён и богат.
    За рассветом всегда наступает закат.
    С этой жизнью короткою, равною вздоху,
    Обращайся, как с данной тебе напрокат.

  42. 42.

    Uninefug (April 30th, 2009, 11:59 am)

    Классно всё: и картинка ,и информация

  43. 43.

    fokaroky (May 3rd, 2009, 11:11 am)

    Благодарю!!!У Вас часто появляются очень интересные посты! Очень поднимаете мое настроение.

  44. 44.

    Alex :) (May 6th, 2009, 9:13 am)

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

  45. 45.

    VemsWodedo (May 10th, 2009, 4:13 am)

    большое спасибо!Взяла себе тоже-пригодится.

  46. 46.

    Doginils (May 13th, 2009, 1:30 pm)

    Огромное вам человеческое спасибо, очень актуальная заметка.

  47. 47.

    meelveannoure (May 25th, 2009, 11:02 pm)

    Голова раскалывается. Следует что-либо править в своем безуспешном бизнесе. Между тем Link [pereregistratsiya.ru] - весьма и весьма горячая тема на сегодняшний момент. Не профукать бы. Задачу надо решить до конца 2008 года. Мрачно…

  48. 48.

    meelveannoure (May 25th, 2009, 11:42 pm)

    Голова трещит. Надо что-либо править в своем бизнесе… Да и грядущая Link [pereregistratsiya.ru] - весьма и весьма актуальная тема на текущий момент. Не проспать бы. Задачу надо решить за полгода. Мда…

  49. 49.

    вебмастеру (May 26th, 2009, 3:36 am)

    Никогда не спорьте с умным: люди могут не заметить между вами разницы!

  50. 50.

    бесплатные фильмы (May 26th, 2009, 4:20 am)

    Горы мусора ещё не баррикады, - СВОБОДЫ не хватает!

  51. 51.

    интернет аукцион книг (June 1st, 2009, 10:53 pm)

    До сих пор ищите где можно купить? Тогда специально для вас наше предложение - Link [alibaba.biz.ua]

  52. 52.

    флора (June 2nd, 2009, 12:48 am)

    Все что могу сказать, так это то что пост - отличный Link [flowers-in-the-house.ru] мыслей

  53. 53.

    любовь (June 2nd, 2009, 4:08 am)

    Ну что опять про Link [art-of-love.ru]? Вам ещё не надоело?

  54. 54.

    sms (June 3rd, 2009, 12:19 am)

    Кора головного мозга ему досталась от дуба.

  55. 55.

    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!

  56. 56.

    болтуны (June 4th, 2009, 11:25 pm)

    Алкоголь в малых дозах безвреден даже в больших количествах.Link [nika.in]

  57. 57.

    oricluber (June 5th, 2009, 8:33 pm)

    oriclub

  58. 58.

    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

  59. 59.

    услуги номинальных директоров и учредителей (June 6th, 2009, 9:35 pm)

    Отличный пост. Дамаю для ваших читателей была бы еще полезна статья на тему “Link [nominall.ru]“

  60. 60.

    доллар прогноз (June 11th, 2009, 9:09 pm)

    Хочу внести и свою лепту в развитие вашего сайта и поделиться интересной ссылкой с посетителями. Link [www.moiplan.ru] - вот собственно и ссылка…

  61. 61.

    Nostarg (June 12th, 2009, 8:21 pm)

    I have designed a web site, to sell tee shirts online. I used a template from Link [www.1234.info]. I used the MultiFlex2.1b template and modified it with my rudimentary knowledge of CSS and photo shop.

  62. 62.

    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?

    http:www.movie6.biz

  63. 63.

    DigitalExtremeMediaGroup (June 17th, 2009, 6:47 am)

    Thanks This is a big help to web designers everywhere.

  64. 64.

    Oktigh (June 18th, 2009, 9:48 am)

    thanks great layouts archive :D Link [fx15lida-yilanyagi.blogspot.com]

  65. 65.

    дачи калужская область (June 19th, 2009, 12:24 pm)

    Отличный пост. Узнал для себя много нового и интересного. Кстати, вот тоже хочу поделиться интересной ссылочкой - Link [kaluga-poisk.ru]. Пусть это будет мой вклад в развитие вашего сайта; )

  66. 66.

    omispowappema (June 21st, 2009, 9:44 am)

    просто супер!

  67. 67.

    самолет (June 25th, 2009, 12:03 am)

    Отлично! А я вот тоже блог решил себе сделать - Link [flyinghobby.ru]. Будет время заходи.

  68. 68.

    сайт объявлений (June 29th, 2009, 3:03 am)

    Побольше бы таких постов. Попробуйте Link [info57.ru] о своем ресурсе?

  69. 69.

    dns records tools (July 1st, 2009, 8:22 am)

    Do you want know your Link [maxwell-media.com]?

  70. 70.

    Emails verification tools (July 1st, 2009, 10:11 am)

    Cool servise - Link [my-addr.com]

  71. 71.

    перевозка негабарита (July 1st, 2009, 11:11 pm)

    Интересный пост. Как у знающего блогера хотел бы спросить вашего мнения по поводу - Link [www.pitergruz.net]

Leave a Reply

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

Smashing Jobs

Browse all jobs » Post your jobs now!

Smashing Links

Stay in touch

Popular Posts

All Posts

Follow us on Twitter!
Subscribe to our RSS-feed!

Advertisement

Fresh Bookmarks

25 Beautiful Logos with Sequential Concept
Sequential logos maybe is a new trend among logo designers.

Designing a blog with HTML5
Much of HTML 5’s feature set involves JavaScript APIs that make it easier to develop interactive web pages.

20+ CSS Data Visualization Techniques
Get inspired.

CSS3 – a big storm is coming
With CSS3 media queries and multi-column layouts it will be a whole new ballgame.

Woodgrain: A Free Social Media Icon Set
With 18 social networks represented alongside astandard RSS icon in PNG format,

Webdesign: Five Minute Upgrade
Making Your Design Pop.

45 Stylish Typographical Desktop Wallpapers
These beautifully designed wallpapers are not solely about typography.

The Light CMS Trend
A new trend in CMSs I’m calling “light” CMSs.

10 Impressive JavaScript Animation Frameworks
Create stunning and eye-grabbing animation and transition effects.

Linux System Monitoring Tools Every SysAdmin Should Know
Need to monitor Linux server performance?

Blogroll

  • 9Rules Logo
  • Quicksprout Logo