Web design tools

Free tools to help webmasters to build a website and improve its appearance and ease of use. Content management systems, themes and plugins for CMS are not included in this list.

Building components

SVG Edit
HTML 5 editor of SVG images, works in the Google Chrome browser only, online or on the desktop. Unlike Inkscape it is very simple to use. The editor does not save directly the vector drawings but instead displays the SVG code to cut and past in a text editor. However there is an extension to add a true save option, making use of PHP.

VPaint
Another vector tool but designed to work like a freehand painter. It is still in beta. Win/Mac/Lin.

Draw.io
Online editor to draw diagrams, very intuitive. It has no more features than Inkscape or LibreOffice Draw, but is somewhat simpler and can be used anywhere, with a smartphone or a connected tablet. Lot of shapes are available. Was formerly named diagram.ly.

Mondrian
Vector editor, sort of simpler online Inkscape, whose code is open source too (in CoffeeScript unlike SVG-Edit). Suitable for creating interactive demos with the library compiled to JS. Not really SVG compatible however.

Logo Maker
To create 3D titles, online tool on this site.
It is also possible to create embossed logos with the Script-Fu menu of Gimp, or like in this page with SVG code inserted into the HTML code. See the XML folder in this site.

Chart tools
These Google's tools build charts from your data you can include on your pages with a JavaScript code.

Wordle: Tag Cloud
This online service generates a tag cloud from a URL, by analyzing the keywords contained on the site! Useful in SEO to know the semantics of a topic, it is also a mean, by creating an image from a sentence, to illustrate a page quickly...

Drawing or generating images

Krita

Freehand paint software

MyPaint, Krita, Paint.NET are designed to replace the easel and the palette. The image at right is a screen capture of Krita.

beFunky
A simple way to enrich a web page: Turn photos into drawings with one click (Line artopia effect). To do this you have just to load or share a photo for an instant processing! You can also make a HDR.
Your videos may be converted to cartoons too.

DevianArt Muro
To paint anywhere, without a trestel, a free online tool built in HTML 5 with basic functions but a lot of filters.

Picozu
Less well finished than the previous one, but it is more user friendly. Based on HTML 5.

Comix Editor
Simplistic comic editor in HTML. The idea is to modify predefined objects. The editor requires Chrome.

Image Analyzer 
Image processing, does not allow drawing but various improvements on existing photos such as morphological operations.

Favicon
Tools to make the small image.

DarkRoom
Alternative to Lightroom of Photoshop, but for Linux, features to manage a stock of photos and make manipulations in the rendering.

Renderman
From Pixar, rendering tool now free for non commercial use. Revenues such as ads on Youtube do not qualify as commercial.
Windows, Linux, Mac.

Clara.io
Completely free alternative to Renderman, but in the browser.

Tunning

Browser Turns Editor
Plugin for Firefow that edits a web page directly useful for the development and arrangement of elements.

CSS 3 Maker
Generator for CSS 3 style of various attributes.

Waifu
Increase the size of images without lost in details thanks to a neural network. It is an online tool, see also Super Resolution for tools to download.

Images and templates

Where to find free images?

Webfont
Add system-independent fonts to your page, requires a JavaScript code.

See also...