16 Tools And Generators For Web Designers
Calling all web designers and developers! Here is an unmissable list of helpful web tools 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.
* * * * *
OpenKapow
Build your own web mashups (called robots) using OpenKapow. There are many examples and demos that are ready for you to download. These include Google Maps, eBay, Amazon, RSS Feeds and more! And the best thing is you don’t have to write any code.
* * * * *
Toufee
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 your done! You can customize the colours, layout and even preview it live on the right pane.
* * * * *
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!
* * * * *
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.
* * * * *
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.
* * * * *
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.
* * * * *
Color Palette Generator
This awesome tool generates a dull and vibrant color palette from a photo or image you input. Really handy if your stuck for colors to use.
* * * * *
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.
* * * * *
Buttonator
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.
* * * * *
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!
* * * * *
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.
* * * * *
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.
* * * * *
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!
* * * * *
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.
Ultimate Designer Toolkit: 60,000+ Premium Design Items, Only $49!
READY TO TAKE WEB DESIGN SERIOUSLY?
Today, I am giving away Web Design Riches, the ultimate guide on how to run a profitable web design business. Enter your name and email below to get instant access.
Related Posts
Subscribe to RSS Feed
Ryan (3 years ago)
These are some great new tools to use!
cssah (3 years ago)
Excellent post for designers ,adobe kuler is my best color app
Andy (3 years ago)
Yeh, but there is also colourlovers.com and colorschemer.com
Omar Abdallah (3 years ago)
amazing, but makes me more lazy than I am:D
Cindy (3 years ago)
Always great information from Web Design, this is another fine example.
Great work…
Dicky (3 years ago)
Great collection! There are a lot of cool and awesoem tools here.
Graceland (2 years ago)
At last! Someone who understands! Thanks for poitsng!
Abu Farhan (3 years ago)
wow great tools, this one first time I know about all of that, I want to try CSS type set. Thanks for share
Mersi (3 years ago)
This is one of my most favourite posts!!!!
Thank you so much for sharing this info.
Binoj Xavier (3 years ago)
Thanks for the post. very useful
Lara (3 years ago)
kuler is amazing thanks guys
Behrouz (3 years ago)
great post and Adobe Kuler is best tools for color design
and http://www.flashbanneronline.com is Flash Banner Generator , Absolute FREE
FossilDesigns (3 years ago)
Nice! Definitely some good tools here!
Markus (3 years ago)
I do know most of them already, but that “Stripe Generator” is neat indeed!
Carabon (3 years ago)
Great Tools, thank you very much!
Jake Rocheleau (3 years ago)
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.
Andy (3 years ago)
Over the years i have mastered it, and can now do it in photoshop into css in 5 minutes
Paulo Henrique (3 years ago)
Veru good post for webdesign!
Congratulation.
http://www.agenciadda.com.br
Pradeep CD (3 years ago)
Great article… I like Kuler, stripe, ajax loading image and palette generator…
John (3 years ago)
Very informative post. Thanks Andy for collecting all of them at one place
John
http://www.Raptivity.com/webexpert
Geoff McDonald (3 years ago)
Great Web Tools!
I’m doing a redesign at the moment and they’ll be very handy.
Thanks!
Geoff
countzeero (3 years ago)
Some great tools here! Thanks
Danh ba web 2.0 (3 years ago)
Great collection, thanks you very much
keep up the good work !
Amna (3 years ago)
FANTASTIC!
Thanks a bunch. =)
Cesar Hernandez (3 years ago)
Great Job! fantastic Thanks
DJ (3 years ago)
Bookmarked!
Vector Man (3 years ago)
Interesting tools for work. Thank you.
Buttonator is very funny engine for lazy designers:) Good luck
Can Berkol (3 years ago)
Good compilation. Thanks.
Rady (3 years ago)
Great. Thanks very much.
Rob (3 years ago)
really useful stuff, great post, thanks
Carmen (3 years ago)
Whats been your experience with Toufee?
A. Reis Designs (3 years ago)
These are really some great time-saving resources! Thanks for the post.
Dan Sensecall (3 years ago)
How about sprite generators?
Always seem to come in handy for me!
Nice post
Stacie (3 years ago)
I am excited to check out all of these sites! I have heard of a few. Thanks for posting!
Harlinghausen » Blog Archive » Twitter Weekly Updates for 2009-12-17 (3 years ago)
[...] fantastic tools for webdesigner http://www.webdesigndev.com/roundups/16-tools-and-generators-for-web-designers [...]
Ian (3 years ago)
http://www.slickplan.com is another awesome tool to create flowcharts for planning out sites. Really nice interface and easy to use.
Benidorm (2 years ago)
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!
Brad Maver (2 years ago)
Awesome list here. Very useful resources. Thanks for sharing!
Alf Catadman (2 years ago)
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
Brett Widmann (2 years ago)
Sweet generators. I’ve already used a few in the past, but there are some new ones I’m gonna try! Thanks!
Tom Weber (2 years ago)
Useful sites, my favorite ist WordPress Theme Generator. just save a lot of time for designers. Keep it up!
Danny Cheeseman (2 years ago)
WOW! You really do pull the info outta the bag! Your posts are amazing!
Great info, Great post..
Cheers WebDesignDev
Danny
nucreativa (2 years ago)
OpenKapow can’t opened
ugg boots purple (1 year ago)
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.
IgniteWebsites (1 year ago)
Nice set of tools. I am going to check 1KB CSS Grid out. Lightweight is good.
Manuela (1 year ago)
Like it! thanks
Prashant (11 months ago)
Excellent Post.
I use CSS3 Please and Ultimate Gradient generator ( http://www.colorzilla.com/gradient-editor/ )frequently