December 6, 2008

All, Design, Productivity, Web Development

30 Free and Useful Web-Based Tools For Designers

Article written by Jeeremie

Here s a list of 30 web-based tools I currently or often use as a web designer to speed up the design process or to collaborate with my clients.

Browser Shots

Browsershots makes screenshots of your web design in different browsers and in different OS platforms. But be patient! It can take a few hours to complete.
Visit site

Google Analytics

Apart from giving you detailed statistics about your visitors, Google Analytics has a Website Optimizer that helps you find out which page designs, headlines, and graphics convert the most visitors.
Visit site


ClickTale reveals what visitors are doing inside your webpage (mouse gestures and clicks). Also scrolling heatmaps show where visitors look and how far down they scroll.
Visit site


Lets you visualize where your visitors click on your webpage.
Visit site

Conceptshare - Online collaboration Tool

ConceptShare allows you to setup secure online workspaces for sharing designs, documents and video and invite others to review, comment and give contextual feedback anytime and anywhere without a meeting.
Visit site

Cozimo - Collaborative Tool

With Cozimo you can collaborate and review images and videos in real-time. Get feedback from clients and colleagues instantly.
Visit site


Stixy is online white board to easily organize and share photos, projects at work, files… I have been using this application for a while but I always found it very busy and messy. It is far from being as clean and polish as Conceptshare in my opinion.
Visit site

ReviewBasics - Collaborative Tool

Similar to Conceptshare and Cozimo. This is not my favorite collaborative tool but they recently improved the UI that makes it pretty pleasant to use now.
Visit site

Pingdom - online tool

Test your webpage to see the total time it takes to load the page including all objects (images, CSS, JavaScripts, RSS, Flash and frames/iframes). It mimics the way a page is loaded in a web browser.
Visit site

Color Explorer

With the colorful toolbox at ColorExplorer you can easily create, manage, and explore color palettes for use in web designs, desktop publishing, or any other graphic design process.
Visit site

Color Blender

Free online tool for color matching and palette design.
Visit site

280 Slides

Create beautiful presentations, access them from anywhere, and share them with the world.
Visit site

HTML Playground

HTML + CSS reference by example. Select a HTML tag from a list, modify the code if you want and see the result.
Visit site


Quarkbase is a free tool to find complete information about a website. It gives information such as Google and Alexa ranks, top countries, popular pages, traffic rank, social popularity…
Visit site

Test Everything!

Test Everything! allows you to test your website with over 100 tools.
Visit site

SEOmoz - Trifecta

Measures metrics to estimate the relative popularity and importance of Page, Blog or Domain.
Visit site (SEOmoz - all the tools )

SEO Centro - online tools

SEOcentro has some nice online SEO tools such as Meta Tag Analyzer, PageRank Check Tool, Link Popularity Tool, Search Engine Saturation, Keyword Suggestion Tool…
Visit site


Domainr helps you explore all the domain names. A green square appears next to the suggested domain name when available. A great tool to help you find an original domain name for you next project.
Visit site


Website Plagiarism search. Search for copies of your page on the Web.
Visit site


Dabbleboard is a powerful online whiteboard that s actually easy and fun to use. Draw with flexible tools. Reuse previously-made drawings. Share and collaborate in real-time.
Visit site


Font recognition system. Upload a scanned image of the font and instantly find the closest matches.
Visit site

Online Image Optimizer- GIF, JPG, and PNG

Image Optimizer lets you easily optimize your gifs, animated gifs, jpgs, and pngs, so they load as fast as possible on your site.
Visit site

WebSnapr 2.0

websnapr lets you capture screenshots of (almost) any web page.
Visit site

Favicon Generator

Online tool to easily create a favicon for your site.
Visit site


A free, flexible, easy to use web-based project tracker for web designers and their clients.
Visit site


Project2Manage is a great tool to keep you organized. It has a ton of features that allow you to create, manage and complete projects in your day to day activities as well as your professional life.
Visit site


Fast and simple invoicing and time tracking services that help you manage your business and invoice your clients.
Visit site

Remember The Milk

Manage tasks quickly and easily and receive reminders via email, SMS, and instant messenger (AIM, Gadu-Gadu, Google Talk, ICQ, Jabber, MSN, Skype and Yahoo! are all supported).
Visit site


Visit site

YUI: CSS Grid Builder

CSS Grid Builder is a simple interface for Grids customization.
Visit site

More please!

What? Not enough? Errr… Okay, then, check tlbox. This is an online tool that lets you collect interesting links and online tools for web designers, programmers and system administrators. You might find something interesting there. Visit site

What free Web-based tool do you use? Share it with us in the comments!

The Author

Article written by Jeeremie:

Hi, My Name is Jeremie Tisseau. I am a French UI/UX Designer, Event Organizer and Web Entrepreneur based in Bangkok, Thailand, since January 2009. I design beautiful and functional web and mobile apps for early stage startups.


Want to become a guest author on this blog?


  1. Paul says:

    6 Dec, 2008

    Great collection !

    Take a look at

  2. Justin Kelly says:

    7 Dec, 2008

    For free/open source web based invoicing check out Simple Invoices - - doesnt have all the fancy features of Freshbooks but it does invocies - what more do you want :)


    Justin Kelly
    - Simple Invoices

  3. Olga says:

    8 Dec, 2008

    This is amazing! So many great tools for collaboration. I d add one more It s quite ne but extremely efficient for collaboration and keeping yourself organized.

  4. zuborg says:

    8 Dec, 2008

    I would also recommend this free online website performance testing tool -

    It s very customizable and supports a lot of features like Keep-Alive, HTTP-Compression and simulation of limited bandwidth link

  5. atlfire says:

    13 Dec, 2008

    I would also recommend for webiste thumbnails and more options.

  6. Chris M says:

    14 Jan, 2009

    Another invoicing option is Time59 ( It s targeted at solo professionals and is a great solution if you don t need (or want to pay for) the multi-user capability of Freshbooks. Bottom line: If you are solo and bill by the hour it is definitely worth a look. The first 30 days are free.

  7. catherine says:

    2 Apr, 2009

    Great list but you missed Fanurio.

    Fanurio helps with the less appealing aspects of freelancing like invoicing and keeping track of time and. It s a useful application, with a user-friendly interface. It can be used on Windows, Mac and Linux.

    • Jeremie Tisseau says:

      5 Apr, 2009

      Fanurio is not a web based tool and certainly not FREE!

  8. Laurent says:

    2 Jul, 2009

    Great list, thank you ^^

  9. Ethan says:

    15 Jan, 2011

    Generate website screenshots using

  10. Hourb says:

    4 Aug, 2011

    Great collection. Planning to use a couple for my website

Leave a Reply

Sorry, comments are closed