Pieces/Tooltip

Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.

Pin to favorites

Tooltip

tooltip1

Dark tooltip bubble with a small triangular arrow. Direction points the tail up or down.

Duplicate row⌘D

Shortcut Tooltip

tooltip2

Dark tooltip that pairs a short label with inline kbd keys for the matching shortcut.

Monthly recurring revenueSum of normalized subscriptions divided by months, excluding one-time charges.

Info Tooltip

tooltip3

Card-style help tooltip with an info icon, bolded title, and supporting copy beneath.

Try the new AI rewrite
Polish any paragraph in one click. Available in the editor.

Action Tooltip

tooltip4

Dark rich tooltip carrying a headline, supporting blurb, and an inline action link.

Noor Ahmed
Noor AhmedStaff engineer · PlatformOnline

User Hover Card

tooltip5

Avatar hover tooltip showing name, role, and a presence dot with its state beneath.

Mar 14, 2026
12,480+8.2%
Active users

Data Point Tooltip

tooltip6

Chart hover tooltip with date, headline value, trend pill, and a secondary metric label.

Step 2 of 4
Pin your favorite workspacesDrag any workspace into the sidebar rail to keep it one click away.

Onboarding Step

tooltip7

Coach-mark popover with step counter, dismiss ×, progress dots, and a next button.

Sunset#F97066

Swatch Tooltip

tooltip8

Color-swatch popover pairing a filled chip with the palette name and hex code.

Copied!

Copied Confirmation

tooltip9

Green success tooltip with a check mark, used for copy-to-clipboard confirmation.

hero-dashboard-dark preview2560 × 1440
hero-dashboard-dark.pngUploaded by Mira · 2 days ago

Image Preview

tooltip10

Thumbnail-first tooltip showing a gradient preview, dimensions chip, filename, and author.

Churn rate
Percentage of customers who cancel during a period, divided by customers at the start of that period.Glossary · Metrics

Glossary Tooltip

tooltip11

Definition popover with a book icon, term headline, explanation, and source footer.