The open source model has, over the last 20 years, proven that collaborative development is one of the best ways to incorporate the newest ideas and latest concepts into design.

In fact, the open source model, which began with programmers, has been so successful that it is currently being applied in government, media, education and private business. But despite these new applications, the unique combination of the open source model with the universalism of web design remains one of the ideal applications of open source. This pervasiveness of the open source spirit in web design now means that you can use open source software to design both graphics and your CSS and HTML, and you can also use the dozens of reliable open source code resources or thousands of web design templates to base your own designs on. In this article we highlight 100 open source web design templates, resources, and tools.

The Best Directories of Free Open Source Web Design Templates

There are tons of free design template directories on the net, but sorting through all of them can be a very tedious process. Instead, we suggest that you start with these four, which we consider to be the best free open source design template directories online.

OSWD: Over 2,000 of the best freebie web design templates. Also allows for search capability by color, contrast, validation, and other categories.

OpenWebDesign:A large and active community of individuals who share free web design templates. Includes regular design contests and a sub-category of most popular designs to speed up your search.

Open Designs: Headed by a non-profit board, the open design community has almost 600 designs which have been vetted and moderated by the community’s volunteer board. Also includes a relatively active forum where designers can share tips and resources.

CSS Tinderbox: CSS Tinderbox prevents you from having to “reinvent the wheel” by providing very basic, yet solid, CSS/XHTML design templates from which you can build off of.

Open Source Web Design Programs

Why pay for software if you can find it free? Usually, the answer is that the free stuff just plain isn’t any good. You won’t find that to be the case with the open source web design software programs in this section, however, which are all the best of the best.

Nvu: An open-source web authoring system to rival FrontPage and Dreamweaver. (Linux, Windows, and Mac)

Quanta Plus: A top-notch HTML editor and web development for the K Desktop Environment.

Bluefish: An HTML editor for programmers written using GTK, designed to save the experienced webmaster some keystrokes. (C) (GNU/Linux, Unix)

GIMPShop: The open source replacement for Photoshop. (Mac, Linux, and Windows)

Inkscape: The vector graphics application which may spell the end for Adobe Illustrator.

Complete Web Design Templates

If you want to get off the ground with your website quickly, then you may want a complete template that requires minimal tweaking. In this section we highlight some of the best complete template resources on the web. These templates include not only the CSS, but also the (X)HTML and in some cases the graphic files to get your site up as fast as possible.

TemplateNavigator: The largest catalogue of free website and flash templates, along with quality preview shots.

CSS Layouts

If you’re looking for the freedom to create something entirely original but just want some of the basic layout taken care of, this section is for you. The templates below are pure CSS, leaving you a clean slate from which you can add the design, graphics, and text as you see fit.

Automated CSS Tools and Generators

This set of resources isn’t for those that want to create something entirely unique. But if you aren’t a strong coder and just want to get the job done, these automated CSS code tools will let you create CSS at the push of a button.

CSS Creator: Select the form colors, number of columns, html version, and press a button. Presto, a CSS template for your page.

Inknoise: The layout-o-matic: fill out the form and out pops your CSS.

Strange Banana: Simply refresh the template generator until you get the style you like, then save the page which has your CSS embedded in the header.

Blog Themes and Templates

Designing blogs has become so popular as a subset of web design that we thought they deserved their own separate section. In this section, we highlight some of the best open source weblog template sources.

[…] There are many directories for open source code, but few for open source site designs and templates. DesignVitality is looking to fill that void with their list of titled The Open Source Web Design Toolbox: 100 Tools, Resources, and Template Sources. […]

[…] The Open Source Web Design Toolbox: 100 Tools, Resources, and Template Sources - “The open source model has, over the last 20 years, proven that collaborative development is one of the best ways to incorporate the newest ideas and latest concepts into design. . . which began with programmers, has been so successful that it is currently being applied in government, media, education and private business. But despite these new applications, the unique combination of the open source model with the universalism of web design remains one of the ideal applications of open source. This pervasiveness of the open source spirit in web design now means that you can use open source software to design both graphics and your CSS and HTML, and you can also use the dozens of reliable open source code resources or thousands of templates to base your own designs on. In this article we highlight 100 open source web design tools, resources, and templates. […]

Thanks for sharing the list, I’d actually not visited OSWD in ages, I have o say they’ve done some great work turning the site around, it used to be 2000 templates, with the same layout just varying the colour scheme… often done by a colour blind monkey.

cool list.
I personally prefer to code my own work but will keep in case i need to do some rush jobs.
btw added to my post about useful web tips and tools (http://germworks.net/blog/2007/08/08/my-top-web-development-tools-tips-and-resources/)

I am very impressed with the list of great of template sites. I love templates, this is going to keep me very busy for a long time. Thank you for all time and effort you have put into this list of template sites.
Thanks
Larry