Most Powerful Online Generators for Designers

Generators can be a great way to save time in your web design projects. Online generator are those tools that help us to create those popular “XHTML valid” CSS banners, micro buttons or css website templates in seconds. In this article, you’ll find free online generators for designers. The emphasis has been put on CSS3 generators since CSS3 is quickly becoming the new progressive web standard. If you know of other useful generators out there, please share in the comments!

1. Email Icon and Signature Generator

Create your Email signature or custom signature in just two steps by defining the image and text and changing the font and color of the text.

Email Icon and Signature Generator
Email Icon and Signature Generator

2. PHP Form Mail Generator

PHP From Mail Generator is a tool to create ready to use web forms with unlimited standard form fields and user input validation, then preview and test your form and download it use it.

PHP Form Mail Generator
PHP Form Mail Generator

3. Typetester

Typetester is used to compare three different type of fonts on screen making your designing job easier , Just specify the specifications and compare them.

Typetester
Typetester

4. HTML – kit Favicon

Favicon from Pics is a tool to create still and animated icons or favicons from regular images which are used for browser address, bars, page tabs and bookmarks. You can also add animation and scrolling text.

HTML – kit Favicon
HTML – kit Favicon

5. Flash Buttons

Create easy and fast navigation menus by instantly adding your text and links to any of the animated buttons.

Flash Buttons
Flash Buttons

6. Color Palette Generator

Generates a color palette for any image uploaded or select an image from the pre-defined set , define the grid size and method and your color palette is generated.

Color Palette Generator
Color Palette Generator

7. Background Patterns

Tiled background designer is quite an interesting tool to create tied backgrounds which allows you to change the background color, size of the canvas, image to be displayed and also rotated your tiled design as per your design.

Background Patterns
Background Patterns

8. AJAX loading GIF generator

AJAX Loading GIF generator create your AJAX loading GIF image by defining the indicator type, background color, foreground color and controlling the speed of the loading indicator.

AJAX loading GIF generator
AJAX loading GIF generator

9. CSS Optimiser

CSS optimiser is a web tool to reduce the file size of cascading style sheets. Enter the CSS either by an URL or via an upload of file.

CSS Optimiser
CSS Optimiser

10. Email Icon Generator

Generate your email address For GMail, Hotmail, MSN, Yahoo!, AOL and many more into image which can prevent your email from spam as it displays an image rather than text.

Email Icon Generator
Email Icon Generator

11. Favicon Generator

Favicon Generator creates favorites icon for your site where you can upload an image and convert it into standard 16 x 16 favicon.ico and generate the icons or download them.

Favicon Generator
Favicon Generator

12. Gradient Image Maker

Gradient Maker is used to generate gradient images ie the images which gradually change color. Define the Gradient type, orientation, width, color and generate the gradients which can be save as backgrounds too.

Gradient Image Maker
Gradient Image Maker

13. Image Tool

Web 2.0 Free logo generator creates logo in simple steps, Define your own text, colors for background and foreground, size of the font and also you could add any symbol if u want it to be displayed along with the logo.

Image Tool
Image Tool

14. Loren Ipsum Generator

Dont want to start with the standard ‘Loren Lipsum’, Generator 3 can do your job where you can select the language, define the number of paragraph and words and generate the text as HTML or plain text file.

Loren Ipsum Generator
Loren Ipsum Generator

15. Rounded Corners

Generates a basic box with rounded corners. Creates four image files and the necessary HTML and CSS code to put rounded corners around your content.

Rounded Corners
Rounded Corners

16. StripeMania

A free seamless pattern background design resource where you can add your own colors to contemporary and retro pattern designs, or browse from thousands of pre-colored patterns in its library.

StripeMania
StripeMania

17. XML Charts

XML /SWF charts are used to create attractive graphs and charts from XML data, Create a source either manually or generate dynamically then pass it to the XML chart’s flash file.

XML Charts
XML Charts

18. HTML and CSS Table Border Style Wizard

Select between different border width, style, color, and background-color options where a sample table is rendered in a frame, The TD and TH tags define the table or the frame which can also be defined.

HTML and CSS Table Border Style Wizard
HTML and CSS Table Border Style Wizard

19. Gradient Maker

Enter the start and End colors by selecting from the color picker, define the length and direction for the gradients and generate the gradient background and right click to save the background.

Gradient Maker
Gradient Maker

20. CSS Button and Text Field Generator

Generate a button or text field by CSS Button and Text field generator by filling the fields for CSS object like object type and class name and CSS object style where the border and text settings are defined.

CSS Button and Text Field Generator
CSS Button and Text Field Generator