My favourite design element is the buttons. In fact, I [insert swear word of your choice] love buttons. In this cheat sheet, we will go through different types of buttons, states, and interactions. For the purpose of this story, we will be ignoring radio buttons, tabs, checkboxes, and other types of buttons — we will just be looking at ‘normal’ buttons.

You can have the best idea possible for a SaaS product, but if you don’t have good strategies for UI and UX, then you’ll only churn customers. This is because SaaS applications are amongst the most complex pieces of software

Nowadays it’s hard to impress or even surprise with an interface animation. It shows interactions between screens, explains how to use the application or simply directs a user’s attention.

Dropdowns are one of the most widely used and versatile tools in the UI & UX designer’s toolbox. They provide a simple way for designers to group many options into one handy component.

Resources for UX and Visual designers

A design system is a collection of documentation on principles and best practices, that helps guide a team to build digital products. They are often embodied in UI libraries and pattern libraries, but can extend to include guides on other areas such as 'Voice and Tone'.

Awesome Design focuses on collecting high quality resources and tools which can be used by UI/UX designers in daily work. Thanks to the community, the repo keeps being updated continuously from people around the world who provide amazing resources. Don't hesitate to open an issue or create pull request to share your intelligence.

The most common interaction medium of actionable pages and dialogs. We will try to figure out where to better place them, and what order they should be in to minimize possible issues when you add more screens.

Buttons are one of the most simple, yet deeply fundamental and foundational building blocks of the web. Click a button, and you submit a form or change the context within the same page.

Atomic design (by Brad Frost) is a mental model to help you think of user interfaces as a cohesive whole and a collection of parts at the same time. Through the comparison to atoms, molecules, and organisms, we can think of the design of our UI as a composition of self-containing modules put together.