15 Generators And Tools For Web Designers


Calling all web designers and developers! Here is an unmissable list of helpful web tools for designers, you need to check out if you haven’t already. On the list are color palette generators, available domain name finders, template makers, CSS grids and much more! If you have any more tools / generators you would like to share with us, then please feel free to drop in a comment and we will add it to the next list. Remember to click on the images to visit each tool.

Adobe Kuler

Kuler has got to be one of the best color tools on the net at present. It can generate you so many different types of color palettes based on many different rules.

Adobe Kuler Tools For Web Designers


With Toufee, you can create amazing flash slide-shows and movies using the Toufee maker. You can put these slide-shows / movies on your website very quickly, and without any programming skills needed.


WordPress Theme Generator

This fantastic online generator created a custom and unique WordPress Theme based on what you input into the boxes and dropdowns. You don’t need any HTML, CSS or ,PHP knowledge. Just fill out the form and you’re done! You can customize the colours, layout and even preview it live on the right pane.

Wordpress Theme Generator

1KB CSS Grid

The 1KB CSS Grid is a lightweight approach to creating a grid system. Simply select the number of columns you want, the column width and gutter width and your sorted!

1KB CSS Grid

Custom Branded Twitter Application

This is a very clever way of making a custom tool, so that when you tweet, you will be placing a direct link to your website on every one of your followers home pages. Amazing! Plus its non spammy.

Custom Branded Twitter Application

Bust a Name

Bust a Name is a very easy to use but complex domain finder tool. You can add groups, select options and bust a name will combine words and tell you what domain names are available.

Bust a Name

Ajax Loading Image

This is a very simple but effective tool for web designers. Most web applications and websites use preloaders. Here you can configure your very own. Just pick the preloader image, and customize the background color and foreground color.

Ajax Loading Image Tools For Web Designers

Color Palette Generator

This awesome tool generates a dull and vibrant color palette from a photo or image you input. Really handy if you’re stuck for colors to use.

Color Palette Generator Tools For Web Designers

Stripe Generator

This background stripe generator is especially useful for when you are designing in Photoshop. There are so many configurable options for you to choose from.

Stripe Generator Tools For Web Designers


With Buttonator, you can make buttons for your website in a matter of seconds. Simple choose your button style, configure the font style, size etc, button size’s and your sorted. Download and start using on your website.

Buttonator Tools For Web Designers

Web Template Builder

This is one of the best free template generators out there. You can have a working template in 3 easy steps. Pick your template, customize the colors, fonts, titles, corners, and then download it for free!

Web Template Builder Tools For Web Designers

CSS Typeset

CSS Typeset is a handy tool that generates pure CSS code to put in your CSS Stylesheet based on what options you inputted. Customize fonts, sizes, colours, and alignments.

CSS Typeset

Make Words

Make words is a domain name generator. You simple enter the min and max length of the domain name you want it to generate, and what you want it to start and end with, and it will generate you a nice list of domains, and tell you if they are available to register.

Make Words

Rounded Cornr

Ever wanted to easily create rounded corners? Well now you can with this simple tool. All you have to do is select the corner radius, the background color and the box color. There is even an option for gradient overlays!

Rounded Cornr Tools For Web Designers

Navigation Tabs Generator

This handy web tool will generate you a set of CSS tabs to use on your website. You can edit the CSS code, and get a live preview of what your tabs will look like.

Navigation Tabs Generator Tools For Web Designers


Recommended for you:

48 thoughts on “15 Generators And Tools For Web Designers”

  1. wow great tools, this one first time I know about all of that, I want to try CSS type set. Thanks for share

  2. The rounded corner generators are truly life-savers. It takes at least a half an hour out of Photoshop time, along with a lot of these other resources, too.

  3. Some great tools, can’t see the point of the css grid though. You are still allowed to use tables when…. you are creating a table!

  4. Great roundup here. Now I don’t see the need to google my way to search for nifty tools. Everything a designer needs is here

  5. WOW! You really do pull the info outta the bag! Your posts are amazing!

    Great info, Great post..

    Cheers WebDesignDev


  6. Hi there! I just would like to give an enormous thumbs up for the good information you’ve gotten here on this post. I might be coming back to your weblog for extra soon.

  7. I learned so much from this post. Thank you for sharing. I would like to add another tool for web designers is Proofhub – web based project management tool. It is simple and easy to use.

Leave a Reply

Your email address will not be published. Required fields are marked *