UI Component

Avatar Group

An avatar group is a visual representation of multiple users.

Visual Example

View image source

Types

Types are variations or derivatives of an individual element. They can help you choose what to include in your design.

Queue

Overlapping

Overflow

Interaction States

Interaction states communicate the status of an element on the user interface. Consider all of the following states when designing this element:

Chart Features

For this particular visualization, you may consider these additional features.

No items found.

Building a design system?

Track your progress while building your design system using the Design System planning tool in Airtable.

View more:

Page Header

A page header contains information and actions about a page or object.

Filters

Filters are groups of attributes which can be toggled on or off to show or hide objects with those matching attributes.

Camera Upload

Camera upload enables the user to take and upload photos directly from their device camera.

App Switcher

An app switcher enables the user to move between multiple apps, modules, or features in a larger product suite.

The Design Encyclopedia is a passion project by Jon Moore, and was designed and built in Webflow (this is an affiliate link). If you would like to reference the encyclopedia in a separate project, partner on a collaboration, or have a general inquiry, send me an email.

© 2020 Design Encyclopedia. All rights reserved.