UI Element Lessons

Discover the most common components you'll encounter on any given user interface

Understand how to create intuitive and recognizable icons for UIs

Understand the anatomy of different UI components to create unique UIs tailored to user needs

Learn about the different types of cursors and how to effectively incorporate the right kind into your UI

Learn how atomic design helps craft scalable, consistent, and efficient user interfaces

Discover the most basic building blocks that make up a user interface

Learn how to guide users and give useful indications on how to interact with the interface components

Discover the different types of sliders and their usage in UIs

Explore UI terms that should be a non-negotiable part of your design vocabulary

Dive into the elements of pagination that helps split content into separate pages

Explore the different types of UI menus and their uses

Learn the different types of UI cards and where to use them

Explore the fundamental properties of design elements that play a crucial role in establishing the tone, mood, and visual appeal of digital products

Discover the different types of UI modals and their use cases

Understand the different types of form inputs and when to use them

Discover how to organize information, guide user actions, and optimize the overall usability of an interface with UI chips

Dive into the world of design elements, fundamental building blocks of visual design that are combined to create compelling compositions

Uncover how to strategically repeat design elements such as colors, shapes, patterns, and typography to establish a sense of unity, balance, and rhythm within your designs