It is undoubted that UI/UX design is an important aspect of making a website or application work. So in this post we`ll take a look at some of the best UI/UX design tools out there.

Prism

It`s Sketch plugin to create a beautiful artboard color palette with all your ‘Document Colors’ and their respective color label in a variety of formats.

Open color

It is an open-source color scheme optimized for UI like font, background, border, etc.

Typefont

It allows you to recognize the font of a text in a photo using a set of algorithms and libraries with the goal to obtain accurate results with the image as only input avoiding other manual processes. This is the only open source project of its kind.

svg-patterns

Create SVG patterns programmatically to visualize data, to help color-bind people and because it looks nice.

Super Tiny Social Icons

Under 1KB each! They are miniscule SVG versions of your favourite logos

Favicon Generator

You spent hours on design, colors, graphics. How much time left for the favicon? Probably not much. But no worries, you only need a few minutes to tackle this task.

Drizzle

A streamlined tool for developing, documenting and presenting UI pattern libraries.

bttn

Awesome buttons for awesome projects!

Material Components for the web

Developed by a core team of engineers and UX designers at Google, these components enable a reliable development workflow to build beautiful and functional web projects.

Visual Center

This is a tool that will find the visual center of your images.

Astrum

Astrum is a lightweight pattern library designed to be included with any web project. It’s non-opinionated and doesn’t expect you to write your markup or code in any particular way.

Auto-Layout

It is a plugin for Sketch that enables designers to design fully responsive artboards.

WebGradients

WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. Easy copy CSS3 crossbrowser code and use it in a moment!

formbase

react-vis

A collection of react components to render common data visualization charts, such as line/area/bar charts, heat maps, scatterplots, pie and donut charts, sunbursts, and tree maps.

Mockupworld

The biggest Source for free photo-realistic Mockups online!

Unsplash

It offers free, high-resolution photos of all sorts, with lots of different subject matters. 10 new photos are added every 10 days, so it’s worth checking back regularly to see if any photos that you think will be relevant to your site have been added since the last time you looked.

Photodune

A creative eco-system with over 35,000 designers, photographers and developers building all the assets you need for your projects.

Sketchsheets

Free sketch sheets for UI & UX designers.

Pencil

A GUI prototyping tool for Firefox, GNU/Linux, OS X & Windows.

Chimp

Develop acceptance tests & end-to-end tests with realtime feedback.

UI Elements

A collection of UI element samples written with vanilla web platform features.

Redom

Tiny turboboosted JavaScript library for creating user interfaces.

Purser

A lightweight JavaScript library for preserving user data from first website visit to signup.

Trial.js

Simple library could monitor mouse position and predict user input.

Speedracer

Collect performance metrics for your library/application.

TagUI

It is a general purpose tool for automating web interactions

ScrollTrigger

Triggers classes on html elements based on the scroll position. It makes use of requestAnimationFrame so it doesn’t jack the users scroll, that way the user / browser keeps their original scroll behaviour. Animations run when the browser is ready for it.

Premonish

Predict which DOM element a user will interact with next.