Avatars are used to show a thumbnail representation of an actor (eg. users).

Styles for submission states and priority assignment.

Use the Banner placed in the page header to give users important global status information and updates.

Simple horizontal bar charts. Use these simple bar graphs to show comparisons between discrete categories.

Responsive tables for displaying tabular data. Use to group tabular data (eg. listing users, financial information, etc.).

Use these display type classes to arbitrarily size text at display sizes.

Use error boundaries to catch unexpected component failures.

Use as the page footer, giving and linking users to important product and legal information.

Use these heading classes set text styles for `h1` to `h6`.

Hints are subdued text style used for secondary or tertiary text. Use hints to style additional notes, instructions, or for hints in forms.

A SVG icon mark displayed inline before or after some text.

Bugcrowd’s UI icons, in SVG format.

Use to style keyboard keys when providing hot-key or keyboard support hint text.

Horizontally or vertically aligned lists of text. They are helpful to organize information and works well for presenting steps, options or groups.

A loading animation and hidden status message used to notify users that their action is being processed.

Use page alerts to give feedback to the user about an action or state.

A horizontal bar that displays the progression of a task or activity.

For displaying monetary and point rewards.

Styling for important stats. Use stats to display a series of titled data points.

Styles for taxonomical keywords that fall into single or multiple categories.

Toasts give users updates about system activity, placed at the bottom of the screen.

Styles for positive or negative changes in a metric.

A simple trust scoring component for researchers.

The Vulnerability Rating Taxonomy (VRT) logotype.