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.
You need bars everywhere! In Website, CMS, Admin Dashboard, Web App, and etc. Now imagine building responsive Headers, Footers, Navigations, Megamenus, Dropdowns, and Sidebars in seconds.
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.
It is an open-source color scheme optimized for UI like font, background, border, etc.
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.
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
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.
A streamlined tool for developing, documenting and presenting UI pattern libraries.
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.
This is a tool that will find the visual center of your images.
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.
It is a plugin for Sketch that enables designers to design fully responsive artboards.
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!
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.
The biggest Source for free photo-realistic Mockups online!
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.
A creative eco-system with over 35,000 designers, photographers and developers building all the assets you need for your projects.
Free sketch sheets for UI & UX designers.
A GUI prototyping tool for Firefox, GNU/Linux, OS X & Windows.
Develop acceptance tests & end-to-end tests with realtime feedback.
A collection of UI element samples written with vanilla web platform features.
Simple library could monitor mouse position and predict user input.
Collect performance metrics for your library/application.
It is a general purpose tool for automating web interactions
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.
Predict which DOM element a user will interact with next.