Laws of UX is a collection of the key maxims that designers must consider when building user interfaces.

Designed on a 24x24 grid with an emphasis on functionality, consistency and simplicity.

Our style guides are meticulously designed in Sketch using Layer Styles, Text Styles, and Symbols, so updating dozens of components takes seconds, not days.

Handpicked code snippets you can use in your web projects. Find website design inspiration with FREE to use COPY PASTE code samples.

A React UI toolkit for the Web

awesome-design - :flags: Best UI/UX Design Resources For Developer & Designer Ever :)

Monkberry is blazingly fast, small 1kb and simple JavaScript library for building web user interfaces.

inferno - An extremely fast, React-like JavaScript library for building modern user interfaces

Welcome to a huge resource on web usability. Whether you're designing a website or mobile app, you'll learn 125+ changes to optimize the UX/UI.

An attempt to solve an experience gap within the Sketch community through open source software and design.

Programmer, Designer and Writer

Paper Kit is a free Bootstrap UI kit. We created it having paper and drawings in mind. We tried to focus on pale colors, beatiful typography and thoughtful drawings.

A study into the color distribution of hundreds of app icons.

practical-ui-physics - Learn basic physics for UI

ant-design - 一个设计语言&前端框架

Get quickly inspiration!

Articles on CSS, OOCSS, front-end architecture, scalability and performance.

Don't know the difference between UX and UI? Or maybe you're a designer hoping to improve client communication. UX designer Kristian Lember has the answers.

If you’re new to Photoshop and you’re designing UI or exporting assets for
an iOS app there are some important settings you should use to get the best
results. This is just a quick intro to some of the basic settings to help
you get started. Beyond this point most designers will have their own
custom settings that they like to use for UI design.

MProgress.js - Material Progress —Google Material Design Progress linear bar.

And why we need a new UI library

In much the same way as we found wireframe sketching brand identities incredibly inspirational, web UI style guides have the same effect.

Simple ideas for enhancing text input interactions

A summary of common idioms and visual language found in Chinese smartphone apps.

Part one — Human eyesight, perception and recognition

The Art of UI Animations, Lean UX SF.

jQuery-menu-aim - jQuery plugin to fire events when user's cursor aims at particular dropdown menu items. For making responsive mega dropdowns like Amazon's.

Even something as simple as a dropdown menu or a bar graph can introduce usability problems. From a slide out menu disappearing when a user's mouse moves a f...

Pace is a Javascript and CSS library to automatically add beautiful progress and activity indicators for page loads and ajax navigation. It is free and open source and was developed by HubSpot developers Adam Schwartz (@adamfschwartz) and Zack Bloom (@zackbloom).

Plus: How Apple, Facebook, Google, and more tech-world heavyweights describe their design jobs.

The 18 minute "Connecting" documentary is an exploration of the future of Interaction Design and User Experience from some of the industry's thought leaders....

The most stunning HTML5 App for creating high fidelity, resolution independent SVG mockups and wireframes!

only examples designs, components, ideas, logins, paterns, tabs, toggles, registers, lists, galleries, comings

Using, abusing, & designing human behaviour.

I'm in the design phase of an app that I've been working on for about a year now. It's a really simple app with only a few screens and ...

The basics of how to design products that change people’s behavior.

sketch-android-kit - The Android GUI template for Sketch.

A practical example

Fries: Prototype Android apps using HTML, CSS, and JavaScript.

160+ sites, apps & books that I recommend any designer should check out.