Have an account? Sign in
Login  Register  Facebook
25 "Time-saving" Generators for Designers

1.Loader Generator

Equipped with a set of pre-designed loading icons, Loader Generator allows you to customize and generate your own loading ‘spinner’.


Like Loader Generator, AjaxLoad is another free tool that generates cool loading icons.


Fancy some Tartan-stripes background? Check out TartanMaker – a free design tool that helps create Tartan designs instantly.


Lack of good color? Use color wizard to do color-matching for you. The color wizard lets you submit your own base color, and it automatically returns matching colors for the one you selected.

5.Color Scheme Designer

The Color Scheme Designer is a brilliant color-matching tool for those who are selecting colors for their designs.

6.Favicon CC

Favicon CC is not exactly a web generator tool. However, it enables you to draw and create favicon easily online – which I think most of y’all would be interested to look at.


Stripe Generator 2.0 is a free design tool supported by Pop Minds Web & New Techs Studio (long name huh?). It helps generate (almost) any kinds of stripe you want for web background.


Stripemania is a simple and free web tool to create seamless diagonal stripes for your designs. You are able to choose the size of the stripes and the spacing between those.


StripedBackgrounds generates a 5 column striped background with your chosen colors and resolution.


Dotter allows you to easily create stylish dotted background with either one or two colors.

11.Background Generator

Background Generator provides the ability to edit the background of any website in real-time. It allows you to create fancy web 3.0 backgrounds without getting dirty with Photoshop and other image editing software.


Patternify is an app that lets you create simple pixel patterns and export them either as PNG or as base64 code.


Pictaculous helps you to decide which colors suit best with a particular image. Just upload an image and it will generate a color palette from it. You can also download Adobe Swatch File (ACO).

14.Tabs Generator

Need some cool tabs in seconds? Well, then you need TabsGenerator. TabsGenerator is a convenient design tool that allows users to create highly-customizable tabs (tweak size, colors, corners and borders) in CSS

15.Web 2.0 Badges

Web 2.0 Badges is a very popular badge generator (mainly because of their beautiful pre-designed badges, I guess). Any webmaster who is too lazy to design their own badges should check them out.

16.CSS Button Generator

With the CSS Button Generator you can instantly make buttons for your website or blog that use your colors, web fonts, and sizes. The CSS button generator uses no images and can say anything you want in any colors or size.

17.CSS3 Please

CSS3, Please! is a Cross-Browser CSS3 rule generator. You can edit the underlined values in this CSS file and when done, copy the whole CSS code.


CSS3Warp is a proof of concept: create Illustrator like “warped” text (text following an irregular path) with pure CSS and HTML.

19.CSS3 Text Shadow Generator

CSS3 text shadow generator helps you insert beautiful shadow effects to your texts. You can change between different web fonts and explore different shadow effects such as Fire, 3D , acid and more stunning examples.

20.CSS3 Pie

PIE makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.

21.CSS Menu Generator

This generator is great for when you just need a quick, simple drop-down menu. Just choose a style, create your menu items, and download.


BgPatterns helps create classy background (see image). There are dozens of cool patterns to choose from and it’s a must see tool for all web designers.


Textorizer is a nice piece of web application that allows you to create cool graphics using text of your choice. The tool takes jpeg, png, gif, or xpm file less than 128K in length and produces an SVG file which reconstructs the original image using parts of the text scattered around.


Gender, face features, wearings, skin colors… UNIQUE is a free web tool that allows users to create highly-customizable, human-like, avatars. Mind you, this web tool is kinda addictive.


QuickRibbon helps generate custom site ribbon. Input your link details and styles selections; and the tool will take care of the necessary Javascript coding

See Also:

20 Photoshop Tutorials To Design A Website

The 30 Most Effective jQuery Plugins

Subscribe and get the newest free resources
December 9, 2011 CSS3 HTML5