
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
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
- 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. - Tinderbox
One layout in many variations

- 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 - CSS Template Gallery
The site includes a search function, however it includes only 32 templates.

- 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
Even more freebies!
- 25 CSS Template Resources
A comprehensive list in the Web Developer’s Handbook. - An extensive collection of css-templates
List of resources with free css-layouts, by Manuela Hoffmann (in German!).
Leave a Reply
Sponsors
- Advertise with us!
Smashing Links
Popular Posts
- 100 Wordpress Themes
- 83 Wordpress Themes
- 80 AJAX Solutions
- 53 CSS Techniques
- 50 Beautiful Designs
- 50 Simple Designs
- 45 Fresh Designs
- 30 Dark Designs
- 45 Blog Designs
- 65 Flash Designs
- Brilliant Wallpapers
- Brilliant HDR Pictures
- Brilliant Photos
- Free Design Templates
- Free CSS Layouts
- Free Icon Sets
- Free High-Quality Fonts
- Slideshows & Lightboxes
- Adobe Photoshop Tutorials
- Adobe Illustrator Tutorials
All Posts
- 404 Error Pages
- AJAX Libraries
- AJAX Solutions
- Blog Designs
- Blog Headers
- Book Covers
- Browsers Round-Up
- Browser Test Suites
- Buzz-Monitoring
- Charts and Diagrams: Tools
- Cheat Sheets
- Code Beautifier
- Copyright Explained
- CSS Coding Techniques
- CSS Designs 1, 2, 3, 4, 5
- CSS Expert Ideas
- CSS Float Theory
- CSS Frameworks
- CSS Free Templates
- CSS Footers
- CSS Forms 1, 2
- CSS Frameworks
- CSS Galleries
- CSS Ideas
- CSS Layouts
- CSS Menus
- CSS Print-Layouts
- CSS Specificity
- CSS Styleguides
- CSS Tables
- CSS Tutorials
- CSS-Techniques
- CSS Tools
- Data Grids and Tables
- Data Visualization 1, 2
- Date Stamps
- Design Books 1, 2
- Design Magazines
- Designer's Checkpoints
- Domain Tools
- Dreamweaver Tutorials
- E-Mail Delivery
- Favicons 1, 2, 3, 4, 5, 6
- Firefox Themes
- Fireworks Tutorials
- Flash Designs
- Flash Slideshows
- Flash Tutorials
- Fonts 1, 2, 3, 4
- Forums
- Gadgets 1, 2, 3
- Google AdSense
- Google PageRank
- Graphics Design
- Grid-Based Design 1, 2
- Grunge Design 1, 2
- Hand-Drawing Design
- Handwriting and Lettering
- Hotkeys
- HDR Pictures
- HTML Template Systems
- Icon Sets 1, 2, 3, 4
- Icons, Templates 1, 2, 3
- Illustrator Tutorials 1, 2
- Laptop Sleeves
- Laptop Designs
- Link Building
- Mascots
- Motion Graphics
- Music Videos
- Navigation Menus
- Newspaper Designs
- Online Converters
- Online Generators
- Pagination
- PDF Magazines
- Photoshop Tutorials 1, 2
- Pixel art
- PNG Transparency
- Portfolios
- RSS Best Design Practices
- RSS Icons
- Screensavers
- SEO Tools
- Shopping Carts
- Short Movies
- Slideshows & Lightboxes
- Splash Pages
- Start Pages
- Stock Icons
- Tab-Based Interfaces
- Tag Clouds
- Textures & Backgrounds
- Tooltips Scripts
- Tutorials
- Typefaces 1, 2
- Type Setting Principles
- Typographic Posters
- Typography In Motion
- Typography Showcase
- Usability Books
- Usability Glossary
- Usability Nightmares
- Usability Principles
- User Interfaces
- Vintage and Retro
- Wallpapers 1, 2, 3, 4
- Web 2.0 Tutorials
- Web Profis Ideas 1, 2
- Whitespace & Simplicity
- Wordpress Plugins
- Wordpress Themes 1, 2, 3, 4
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.
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.
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.
A set of 18 splendid and colorful looking 3D RSS-Icons. They are done with 3d Studio Max. JPG.

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






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
Rene (January 12th, 2007, 11:52 pm)
Don’t forget about Layout Gala!
Link [blog.html.it]
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)
milo (January 13th, 2007, 3:09 am)
Cool list.
Joseph (January 13th, 2007, 3:24 am)
Another decent one:
Link [www.freecsstemplates.org]
CSSdesigner (January 15th, 2007, 12:06 pm)
Another good one…most are web 2.0 styled website templates:
Link [www.templateworld.com]
Frederick Townes (January 16th, 2007, 12:41 pm)
Amazing resources! Well Done!
him (January 21st, 2007, 6:41 pm)
can anyone give me some links to good magazine templates please
Jason (January 22nd, 2007, 6:50 am)
Another great selection of free templates, Link [www.edg3.co.uk]
the doc (January 22nd, 2007, 10:06 pm)
tinderbox has moved:
Link [csstinderbox.raykonline.com]
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
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.
Chris (March 7th, 2007, 6:16 pm)
Another good one:
Link [www.templateyes.com]
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
Zeeshan (March 20th, 2007, 9:20 am)
Link [www.yaml.de] Very good template I must say
explorer (April 3rd, 2007, 2:16 am)
nice weblog & nice job
very thanks…
ARTUR (May 7th, 2007, 1:14 am)
good article
Jan Stoll (May 7th, 2007, 10:23 pm)
You will find some free XHTML/CSS templates here Link [www.shocktone.de]
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.
Canoe (June 22nd, 2007, 6:37 am)
These are relly very good. i like them most
Denise (June 30th, 2007, 9:44 pm)
Over 60 free CSS templates here - Link [www.mitchinson.net]
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 ;)
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.
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.
Jake (September 22nd, 2007, 3:25 pm)
5 free website templates can be downloaded there: Link [www.web-templates.ws] (middle of page)
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.
Marc Klein (October 10th, 2007, 9:17 pm)
here is another site offering website templates. Check it out.
Link [www.pixel-templates.com]
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…!
Vadim Danilov (December 27th, 2007, 3:58 pm)
Hi!
This is a collection of free designs for blogs: Link [styles.movabletype.org]
web design (January 9th, 2008, 5:39 am)
hmm interesting collection !! thanks !!
slm (January 11th, 2008, 4:40 am)
selam millet
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.
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.
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.
Free CSS Templates (April 16th, 2008, 4:20 pm)
Dont forget about Link [templatefusion.org.]