Skip to content

Developer Intergalactic

Main NavigationRoadmap Releases Report a bug / Discuss feature

Appearance

Sidebar Navigation

Get started

For developers

For designers

Figma libraries

Foundation

Principles

Accessibility

Development requirements

Keyboard support

Design requirements

Design principles

Motion

Visual loudness scale

Style

Design tokens

Usage in design

Usage in development

Example

Icon

A11y

API

Example

Changelog

Illustration

A11y

Example

API

Changelog

Typography

A11y

API

Example

Changelog

CSS Injection

Local CSS Injection

Global CSS Injection

Layout

Breakpoints

API

Example

Grid and page layout

API

Grid system

Changelog

Flex-box and spacing system

API

Changelog

Components & Patterns

Components

Accordion

A11y

API

Example

Changelog

AutoSuggest

A11y

Example

Badge

A11y

API

Example

Changelog

BaseTrigger

A11y

API

Example

Changelog

Breadcrumbs

A11y

API

Example

Changelog

Button

A11y

API

Example

Changelog

Card

A11y

API

Example

Changelog

Carousel

A11y

API

Example

Changelog

Checkbox

A11y

API

Example

Changelog

ColorPicker

A11y

API

Example

Changelog

Counter

A11y

API

Example

Changelog

DatePicker

A11y

API

Example

Changelog

Divider

A11y

API

Changelog

Dot

A11y

API

Example

Changelog

Drag and drop

A11y

API

Example

Changelog

Dropdown

A11y

API

Example

Changelog

DropdownMenu

A11y

API

Example

Changelog

Ellipsis

A11y

API

Example

Changelog

FeaturePopover

A11y

API

Example

Changelog

Feedback

A11y

API

Example

Changelog

Flags

A11y

API

Changelog

FilterTrigger

A11y

API

Example

Changelog

FullscreenModal

A11y

API

Example

Changelog

InlineEdit

A11y

API

Example

Changelog

InlineInput

A11y

API

Example

Changelog

Input

A11y

API

Example

Changelog

InputMask

A11y

API

Example

Changelog

InputNumber & InputRange

A11y

API

Example

Changelog

InputPhone

A11y

Example

InputTags

A11y

API

Example

Changelog

Link

A11y

API

Example

Changelog

Modal

A11y

API

Example

Changelog

Notice

A11y

API

Example

Changelog

NoticeBubble

A11y

API

Example

Changelog

NoticeGlobal

A11y

API

Example

Changelog

Pagination

A11y

API

Example

Changelog

Pills

A11y

API

Example

Changelog

ProductHead

A11y

API

Example

Changelog

ProgressBar

A11y

API

Example

Changelog

Radio

A11y

API

Example

Changelog

Select / Multiselect

A11y

API

Example

Changelog

ScrollArea

A11y

API

Example

Changelog

SidePanel

A11y

API

Example

Changelog

Skeleton

A11y

API

Example

Changelog

Slider

A11y

API

Example

Changelog

Spin

A11y

API

Changelog

SpinContainer

A11y

API

Example

Changelog

Switch

A11y

API

Example

Changelog

TabLine

A11y

API

Example

Changelog

TabPanel

A11y

API

Example

Changelog

Tag

A11y

API

Example

Changelog

Textarea

A11y

API

Example

Changelog

TimePicker

A11y

API

Example

Changelog

Tooltip

A11y

API

Example

Changelog

Widget empty state

A11y

API

Example

Changelog

Wizard

A11y

API

Example

Changelog

Charts

Charts showcase

Changelog

D3 chart principles

API

Concept and code

A11y

Changelog

Color palette

Chart controls

Example

Changelog

Chart legend

Example

Changelog

Notes module

Area chart

A11y

API

Examples

Changelog

Stacked area chart

A11y

API

Examples

Changelog

Bar chart

Vertical bar chart

A11y

API

Examples

Changelog

Stacked bar chart

A11y

API

Examples

Changelog

Horizontal bar chart

A11y

API

Examples

Changelog

Stacked horizontal bar chart

A11y

API

Examples

Changelog

Bubble chart

A11y

API

Examples

Changelog

Donut / Pie chart

A11y

API

Examples

Changelog

Histogram chart

A11y

API

Changelog

Line chart

A11y

API

Examples

Changelog

Radar chart

API

Examples

Radial Tree chart

API

A11y

Examples

Changelog

Scatterplot chart

A11y

API

Examples

Changelog

Venn chart

A11y

API

Examples

Changelog

Alluvial chart

Choropleth map

Funnel chart

Heatmap

Kagi chart

Lollipop chart

Polar chart

Quadrant chart

Table

Table showcase

DataTable

Example

A11y

API

Changelog

Table (old)

API

Changelog

Primary table

Example

Secondary table

Example

Table controls

Table states

Filters

Filter common rules

Advanced filters

Example

Category

Click Potential, Competitive Density, CPC

Example

Include/Exclude keywords

Example

Keyword Difficulty, Positions, Volume

Example

Filter Search

Example

SERP Features

Tags

UX patterns

Content in modal window

Confirmation modal dialog

Example

Empty page

Error message

A11y

API

Example

Changelog

Export

FeedbackYesNo

A11y

Example

Form

A11y

Example

Informer

Example

Links order in ProductHead

Loading states

ProjectCreate

ProjectSelect

Success state

Summary

Example

Validation

A11y

Example

Web-performance

Product emails

Email templates & grid

Email grid

Readme

Changelog

Core email colors

Email button

Email badge and tag

Divider for emails

Email typography

Email table

Email notice

Email summary

Utils

NeighborLocation

API

Changelog

Popper

API

Changelog

Portal

API

Changelog

i18n

Bugs and requests

Bug reporting

Terms

Privacy Policy

Terms of Use

Heatmap

On this page

Table of Contents for current page

TIP

Basic data visualization rules are described in the Chart principles.

Edit this page on GitHub

Last updated:

Released under the MIT License.

Copyright © 2023-present Powered by Semrush. All rights reserved.

Released under the MIT License.

Copyright © 2023-present Powered by Semrush. All rights reserved.