This post presents a collection of tools that will make your standard workflow as fast and practical as possible, so that you have more time for the exciting parts of the project. So here are 25 web design tools to make your next project a little easier.
Singleton UI Pack
Perfect, fresh and stylish UI Kit for building beautiful Landing Pages. This clear and practical UI tool consists of 120 elegant cards in 12 categories.
Element
It is a desktop UI library based on Vue.js 2.0. It provides dozens of components for you to build desktop websites.
Weex
Different from a “web app”, “HTML5 app”, or “hybrid app”, you can use Weex to build a real mobile app. The code that you write is relatively simple, because you can build native applications just using HTML, CSS, Javascript.
CXS
It is a functional CSS-in-JS solution that uses atomic styles to maximize deduplication and help with dead code elimination.
Moon
It differs from the existing solutions by providing a faster, yet compact library with a simple but powerful API. It uses a virtual DOM system similar to React, but includes advanced optimizations crafted specifically for Moon, similar to the Glimmer engine by the Ember team. In a variety of benchmarks, Moon has proven itself to be the fastest UI library out there.
WebGradients
A curated collection of splendid gradients made in CSS3, .sketch and .PSD formats.
Materialette
A material design color palette.
Open color
Open-source color scheme optimized for UI like font, background, border, etc.
Drizzle
A streamlined tool for developing, documenting and presenting UI pattern libraries.
Auto Layout for Sketch
This is a plugin for Sketch that enables designers to design fully responsive artboards.
PulltoRefresh
A small, but powerful Javascript library crafted to power your webapp’s pull to refresh feature. No markup needed, highly customizable and dependency-free!
Typography Handbook
A concise, referential guide on best web typographic practices.
XVG
A Chrome extension for debugging SVG paths by converting them to outlines and displaying anchors, control points, handles and arc ellipses.
Anime
Lightweight JavaScript animation library. It works with any CSS Properties, individual CSS transforms, SVG or any DOM attributes, and JavaScript Objects.
Cleave.js
It has a simple purpose: to help you format input text content automatically.
AR.js
Efficient Augmented Reality for the Web – 60fps on mobile!
Docsify
A magical documentation site generator.
Visual Center.
This is a tool that will find the visual center of your images.
Text Spinners
Pure text, CSS only, font independent, inline loading indicators.
iziToast
Elegant, responsive, flexible and lightweight notification plugin with no dependencies.
Waffle grid
An easy to use flexbox grid system.
Reframe
Reframe unresponsive elements responsively.
Siema
Lightweight carousel plugin with no dependencies and no styling.
Tippy
Lightweight, pure JS tooltip library powered by Popper.js.
Lightgallery
Full featured javascript lightbox gallery, No dependencies.
Great List !!
Great List !!
Great list for the designers and design makers