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 | 91 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: June/19 2008.
(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
Rene (January 12th, 2007, 11:52 pm)
Don’t forget about Layout Gala!
Link [blog.html.it]
milo (January 13th, 2007, 3:09 am)
Cool list.
Frederick Townes (January 16th, 2007, 12:41 pm)
Amazing resources! Well Done!
Jason (January 22nd, 2007, 6:50 am)
Another great selection of free templates, Link [www.edg3.co.uk]
Miniclip (February 3rd, 2007, 6:32 am)
Thanx for all the usefull links again :D
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!
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 ;-)
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.
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…!
scorpio (March 16th, 2007, 2:56 pm)
These are relly very good. i like them most
explorer (April 3rd, 2007, 2:16 am)
nice weblog & nice job
very thanks…
ARTUR (May 7th, 2007, 1:14 am)
good article
Canoe (June 22nd, 2007, 6:37 am)
These are relly very good. i like them most
Link Forever (July 10th, 2007, 9:52 am)
Especially I loved ‘Little Boxes’ :). Very useful resource. Really save my time while creating new templates.
Felsefe (July 16th, 2007, 2:07 am)
Well Done!
These are relly very good. i like them most.
Thanks ;)
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.
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.
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…!
jlm nv (March 14th, 2008, 5:45 am)
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.
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.
RICKY CASTILLO (June 24th, 2008, 4:55 am)
NICE
The flash guy (July 9th, 2008, 1:18 am)
Thanks another great resource and something to learn
Klein George Kamau (August 16th, 2008, 5:31 am)
ya, already available in deramweaver cs3. lol
micheal (October 13th, 2008, 10:09 am)
If you want to myspace in CSS go to Link [www.vonzoo.com]
they have free layouts and profiles that you can change and test your css and then show it to your friends.
Faiyaz (November 4th, 2008, 7:26 am)
These are relly very good. i like them most
graydirt.com (November 10th, 2008, 7:20 pm)
thx a bunch good resources..whooooo
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.
Limo hire (November 16th, 2008, 1:54 am)
Wow … love these websites … I am doing a Link [www.whatlimouk.com] website and converting another one from tables to css based and I think one of these may helps.
cheers
amit.
satti (December 19th, 2008, 1:57 am)
rely very good