Latest Online Tools and Libraries for Web Designers


Free tools and libraries make a web designer’s life easier. So today we are sharing exactly that.

This is a collection fresh from the oven online libraries and tools that come handy in everyday web design tasks. I decided to make this collection because web designers these days, need to stay updated with the latest trends and tricks of the industry.

Times are changing on the web-design-scape. New browsers, such as Vivaldi and Spartan are coming out, new challenges in the shape of smartwatches are emerging since we have no idea how to design for them. It is clear that the world of web design is more dynamic than any other, and we have to keep up with it. No problem, Designzzz will keep you up do date.

Recently Released Free Online Tools and Libraries

Material Palette

Google invented a new design language called material design. This is the first color palette that lets you make color schemes according to Google Material Design language..


CSS Reference Sheet from Codrops

This is a  is the ultimate reference sheet of CSS3 that I have ever seen. Codrops released it only a few days ago.
If you are a beginning or intermediate level web designer, you MUST favorite this resource.



Basically, Squire is a rich text editor made using HTML5, but it also provides powerful cross-browser normalisation functionality. It is extremely lightweight but quite powerful. It supports 10, Firefox 3.5, Safari 4, Chrome 9 and IE8 the above versions.


Grunticon 2

Grunticon 2 was released earlier this week. It allows you create animated SVG files.

Animated SVG


This is a proof-of-concept design for the HTML UI based desktop browser. The experimental Desktop browser, based on Firefox Desktop version and Firefox OS.


And here’s a video of this project.


A JS based new photo gallery that supports gestures on smartphones and tablets.



I have to say, this is one of the most amazing things I’ve ever seen built using JS. The problem is, I don’t know how much am I gonna use it, but it certainly is very very intriguing.

This is a text-based mind-mapping tool. The screenshot contains rest of the details.

Big Picture


This is an app. It searches the internet’s top one million websites and finds stats on JavaScript library usage.


CSS Stats

This is a pretty cool website for analyzing web designs. It checks complete CSS of a website and tells everything about it. I checked my own homepage.


icono – pure CSS iconset

This is an iconset made in pure CSS.


CSS Animated Gradient Generator

Wanna make animated gradient backgrounds using only CSS? Here’s the tool.

Gradient Animator

This is a simple, yet intuitive online markdown editor.

Social Likes

This is a pretty cute looking library of popular social media icons.

Social Likes


Bootsy provides a well-organized folder structure for every aspect of a project.


What Colour Is It?

A website that converts the exact time into color code, and sets that color to the background of the web page.


Meet the Ipsums

Ever needed a lorem ipsum generator? Ever found a really cool lorem ipsum generator? Me neither.
But I’ve finally found a really cool text generator.

Meet The Ipsums


Ever seen an portmanteau of acronyms? This name contains one.
This is basically just another text editor.



This is an HTML5 based presentation tool.


GitHub Cheat Sheet

This is the cheat sheet you can use enhance your GitHub experience.

GitHub Cheet Sheet


The screenshot tells everything.


That’s it for tonight guys. But stay tuned, we will be sharing more CSS libraries and JavaScript libraries in the upcoming days.

create free website wix below post

Further Related Readings

  1. Brian Berg February 13, 2015 at 7:44 am

    Here is a ipsum site I use quite often. Thanks for the list of tools!


  2. Mizagorn February 16, 2015 at 4:43 pm

    Wow, wow, wow, wow! I feel like I just opened a bunch of very cool presents and it’s not even my birthday. Well, it’s only 12 days away, so I will consider this your present to me. 😛

    Your best post that I’ve read yet, Ayaz. Awesome collection, great research, well written.

    1. Ayaz Malik February 24, 2015 at 6:35 pm

      Great to hear that Mizagorn and Happy Birthday 🙂

  3. Mizagorn February 24, 2015 at 9:40 pm

    Thank you, my friend. I have already been using the Material Palette and the Codrops CSS reference quite a bit.

  4. julian maclin February 25, 2015 at 1:09 pm

    Great post, AWESOME TOOLS!!!, especially grunticons.

    1. Ayaz Malik February 27, 2015 at 4:50 pm

      Glad you find these tools useful 🙂

Leave a Reply

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

Copyrights © 2016 - Designzzz. All Rights Reserved