Accordion

DMS (Mastodon, Prism)

ZipQuote

ALM

Alert

DMS (Mastodon, Prism)

Information

Your session will expire in 5 minutes.

Success

Your changes have been saved.

Warning

Your account is approaching its usage limit.

Error

Something went wrong. Please try again.

ZipQuote

Information

Your session will expire in 5 minutes.

Success

Your changes have been saved.

Warning

Your account is approaching its usage limit.

Error

Something went wrong. Please try again.

ALM

Information

Your session will expire in 5 minutes.

Success

Your changes have been saved.

Warning

Your account is approaching its usage limit.

Error

Something went wrong. Please try again.

Alert Dialog

DMS (Mastodon, Prism)

ZipQuote

ALM

Aspect Ratio

DMS (Mastodon, Prism)

16 / 9

ZipQuote

16 / 9

ALM

16 / 9

Avatar

DMS (Mastodon, Prism)

ABCDEF

ZipQuote

ABCDEF

ALM

ABCDEF

Badge

DMS (Mastodon, Prism)

DefaultSecondaryOutlineMutedDestructiveGhostLink

SuccessWarningErrorTagged

ReactTypeScriptNext.js

ZipQuote

DefaultSecondaryOutlineMutedDestructiveGhostLink

SuccessWarningErrorTagged

ReactTypeScriptNext.js

ALM

DefaultSecondaryOutlineMutedDestructiveGhostLink

SuccessWarningErrorTagged

ReactTypeScriptNext.js

Breadcrumb

DMS (Mastodon, Prism)

ZipQuote

ALM

Button

DMS (Mastodon, Prism)

ZipQuote

ALM

Button Group

DMS (Mastodon, Prism)

ZipQuote

ALM

Calendar

DMS (Mastodon, Prism)

September 2026

ZipQuote

September 2026

ALM

September 2026

Card

DMS (Mastodon, Prism)

Card Title

Card description goes here.

Card content area.

ZipQuote

Card Title

Card description goes here.

Card content area.

ALM

Card Title

Card description goes here.

Card content area.

Carousel

DMS (Mastodon, Prism)

Slide 1

Slide 2

Slide 3

ZipQuote

Slide 1

Slide 2

Slide 3

ALM

Slide 1

Slide 2

Slide 3

Cells

DMS (Mastodon, Prism)

Product	Status	Created	Spend	Clicks
Calls	Active	5 months ago	$1,240.50	312
Leads	Paused	5 months ago	-	-
Calls	Active	4 months ago	$875.25	198
Leads	Archived	7 months ago	$4,120.75	1,043

Rows per page

1-4 of 4

ZipQuote

Product	Status	Created	Spend	Clicks
Calls	Active	5 months ago	$1,240.50	312
Leads	Paused	5 months ago	-	-
Calls	Active	4 months ago	$875.25	198
Leads	Archived	7 months ago	$4,120.75	1,043

Rows per page

1-4 of 4

ALM

Product	Status	Created	Spend	Clicks
Calls	Active	5 months ago	$1,240.50	312
Leads	Paused	5 months ago	-	-
Calls	Active	4 months ago	$875.25	198
Leads	Archived	7 months ago	$4,120.75	1,043

Rows per page

1-4 of 4

Status Cell (Async)

DMS (Mastodon, Prism)

ZipQuote

ALM

Chart

DMS (Mastodon, Prism)

ZipQuote

ALM

Checkbox

Collapsible

DMS (Mastodon, Prism)

ZipQuote

ALM

Column Customizer

DMS (Mastodon, Prism)

ZipQuote

ALM

Combobox

DMS (Mastodon, Prism)

ZipQuote

ALM

Combobox (custom items)

DMS (Mastodon, Prism)

ZipQuote

ALM

Combobox (not clearable)

DMS (Mastodon, Prism)

ZipQuote

ALM

Combobox (grouped)

DMS (Mastodon, Prism)

ZipQuote

ALM

Command

DMS (Mastodon, Prism)

ZipQuote

ALM

Context Menu

DMS (Mastodon, Prism)

Right-click here

ZipQuote

Right-click here

ALM

Right-click here

Data Table

DMS (Mastodon, Prism)

Order	Product	Status
Home Insurance - TX [Standard]	Calls	Active
Auto Insurance - NY [High Intent]	Calls	Paused
Home Insurance - GA [Leads]	Leads	Archived

Rows per page

1-3 of 3

ZipQuote

Order	Product	Status
Home Insurance - TX [Standard]	Calls	Active
Auto Insurance - NY [High Intent]	Calls	Paused
Home Insurance - GA [Leads]	Leads	Archived

Rows per page

1-3 of 3

ALM

Order	Product	Status
Home Insurance - TX [Standard]	Calls	Active
Auto Insurance - NY [High Intent]	Calls	Paused
Home Insurance - GA [Leads]	Leads	Archived

Rows per page

1-3 of 3

Date Picker

DMS (Mastodon, Prism)

ZipQuote

ALM

Dialog

DMS (Mastodon, Prism)

ZipQuote

ALM

Drawer

DMS (Mastodon, Prism)

ZipQuote

ALM

Dropdown Menu

DMS (Mastodon, Prism)

ZipQuote

ALM

Empty State

DMS (Mastodon, Prism)

No messages

When you receive messages, they'll appear here.

ZipQuote

No messages

When you receive messages, they'll appear here.

ALM

No messages

When you receive messages, they'll appear here.

Field

DMS (Mastodon, Prism)

ZipQuote

ALM

Password Input with Toggle

DMS (Mastodon, Prism)

ZipQuote

ALM

Fullscreen Table

DMS (Mastodon, Prism)

ZipQuote

ALM

Hover Card

DMS (Mastodon, Prism)

ZipQuote

ALM

Input

DMS (Mastodon, Prism)

ZipQuote

ALM

Input Group

DMS (Mastodon, Prism)

https://

ZipQuote

https://

ALM

https://

Input OTP

DMS (Mastodon, Prism)

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

ZipQuote

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

ALM

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

Item

DMS (Mastodon, Prism)

Alice Johnsonalice@example.com

Admin

Messages3 unread messages

3

SettingsManage your preferences

ZipQuote

Alice Johnsonalice@example.com

Admin

Messages3 unread messages

3

SettingsManage your preferences

ALM

Alice Johnsonalice@example.com

Admin

Messages3 unread messages

3

SettingsManage your preferences

Kbd

DMS (Mastodon, Prism)

⌘KOpen command palette

⌃SSave file

EscClose dialog

ZipQuote

⌘KOpen command palette

⌃SSave file

EscClose dialog

ALM

⌘KOpen command palette

⌃SSave file

EscClose dialog

Label

DMS (Mastodon, Prism)

Email address

Accept terms and conditions

ZipQuote

Email address

Accept terms and conditions

ALM

Email address

Accept terms and conditions

Menubar

DMS (Mastodon, Prism)

ZipQuote

ALM

Multi Combobox

DMS (Mastodon, Prism)

ZipQuote

ALM

Multi Combobox (grouped)

DMS (Mastodon, Prism)

ZipQuote

ALM

Multi Combobox (ID values)

DMS (Mastodon, Prism)

ZipQuote

ALM

Native Select

DMS (Mastodon, Prism)

ZipQuote

ALM

Pagination

DMS (Mastodon, Prism)

ZipQuote

ALM

Popover

DMS (Mastodon, Prism)

ZipQuote

ALM

Progress

DMS (Mastodon, Prism)

Loading…

x

Uploading

x

Complete

x

ZipQuote

Loading…

x

Uploading

x

Complete

x

ALM

Loading…

x

Uploading

x

Complete

x

Radio Group

Resizable

DMS (Mastodon, Prism)

Left

Right

ZipQuote

Left

Right

ALM

Left

Right

Scroll Area

DMS (Mastodon, Prism)

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Item 7

Item 8

Item 9

Item 10

Item 11

Item 12

ZipQuote

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Item 7

Item 8

Item 9

Item 10

Item 11

Item 12

ALM

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Item 7

Item 8

Item 9

Item 10

Item 11

Item 12

Select

DMS (Mastodon, Prism)

ZipQuote

ALM

Separator

DMS (Mastodon, Prism)

Above

Below

Left

Middle

Right

ZipQuote

Above

Below

Left

Middle

Right

ALM

Above

Below

Left

Middle

Right

Sheet

DMS (Mastodon, Prism)

ZipQuote

ALM

Sidebar

DMS (Mastodon, Prism)See live chrome

ZipQuoteSee live chrome

ALMSee live chrome

Skeleton

DMS (Mastodon, Prism)

ZipQuote

ALM

Slider

DMS (Mastodon, Prism)

ZipQuote

ALM

Sonner

DMS (Mastodon, Prism)

ZipQuote

ALM

Spinner

DMS (Mastodon, Prism)

ZipQuote

ALM

Switch

Table

DMS (Mastodon, Prism)

Name	Role	Status
Alice	Admin	Active
Bob	Editor	Inactive
Carol	Viewer	Active

ZipQuote

Name	Role	Status
Alice	Admin	Active
Bob	Editor	Inactive
Carol	Viewer	Active

ALM

Name	Role	Status
Alice	Admin	Active
Bob	Editor	Inactive
Carol	Viewer	Active

Tabs

DMS (Mastodon, Prism)

Content 1

ZipQuote

Content 1

ALM

Content 1

Text Link

DMS (Mastodon, Prism)

Inline links use TextLink: the dedicated link color plus a resting underline, so they read as links without hovering.

Works mid-sentence too: review the billing log or open an order for details.

Standalone link

ZipQuote

Inline links use TextLink: the dedicated link color plus a resting underline, so they read as links without hovering.

Works mid-sentence too: review the billing log or open an order for details.

Standalone link

ALM

Inline links use TextLink: the dedicated link color plus a resting underline, so they read as links without hovering.

Works mid-sentence too: review the billing log or open an order for details.

Standalone link

Textarea

DMS (Mastodon, Prism)

ZipQuote

ALM

Toggle

DMS (Mastodon, Prism)

ZipQuote

ALM

Toggle Group

DMS (Mastodon, Prism)

ZipQuote

ALM

Tooltip

DMS (Mastodon, Prism)

ZipQuote

ALM

Typography

DMS (Mastodon, Prism)

Heading 1

Heading 2

Heading 3

Heading 4

Regular paragraph with body text.

Lead paragraph text goes here.

Large emphasis text.

Small fine print text.

Muted helper or caption text.

This is a blockquote example.

const x = 42

First list item
Second list item
Third list item

ZipQuote

Heading 1

Heading 2

Heading 3

Heading 4

Regular paragraph with body text.

Lead paragraph text goes here.

Large emphasis text.

Small fine print text.

Muted helper or caption text.

This is a blockquote example.

const x = 42

First list item
Second list item
Third list item

ALM

Heading 1

Heading 2

Heading 3

Heading 4

Regular paragraph with body text.

Lead paragraph text goes here.

Large emphasis text.

Small fine print text.

Muted helper or caption text.

This is a blockquote example.

const x = 42

First list item
Second list item
Third list item

Su	Mo	Tu	We	Th	Fr	Sa

Su	Mo	Tu	We	Th	Fr	Sa

Su	Mo	Tu	We	Th	Fr	Sa

Accordion

Item one

Item two

Item one

Item two

Item one

Item two

Alert

Alert Dialog

Aspect Ratio

Avatar

Badge

Breadcrumb

Button

Button Group

Calendar

Card

Carousel

Cells

Status Cell (Async)

Chart

Checkbox

Collapsible

Column Customizer

Combobox

Combobox (custom items)

Combobox (not clearable)

Combobox (grouped)

Command

Context Menu

Data Table

Date Picker

Dialog

Drawer

Dropdown Menu

Empty State

Field

Password Input with Toggle

Fullscreen Table

Hover Card

Input

Input Group

Input OTP

Item

Kbd

Label

Menubar

Multi Combobox

Multi Combobox (grouped)

Multi Combobox (ID values)

Native Select

Navigation Menu

Pagination

Popover

Progress

Radio Group

Resizable

Scroll Area

Select

Separator

Sheet

Sidebar

Skeleton

Slider

Sonner

Spinner

Switch

Table

Tabs

Text Link

Textarea

Toggle

Toggle Group

Tooltip

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 1