React

React tooltips.

Tooltips, with previews you can look at before you pick. Your agent builds the one you choose into your project as real files.

Composable tooltip components for charts

ReactTailwindChart

A compact tooltip with monospace text, primary-color accents, and HUD corner details.

ReactTailwindOverlay
Tooltip
Animated

Hover or focus tooltip with blur enter/exit and spring spawn.

ReactTailwind

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

ReactTailwindOverlay
Tooltip

A popup that displays information related to an element when the element receives keyboard focus, the mouse hovers over it, or when it is pressed.

ExpoUniversalExpo Go
Tooltip

A small non-interactive overlay that reveals a concise label or explanation when a trigger is hovered or focused.

ReactTailwind
Glimpse

Hover-triggered link preview card with metadata, loading states, positioning, and custom content.

ReactTailwindCard

Token-usage indicator that shows how much of a model's context window is in use.

ReactTailwindTooltip
Choropleth

An interactive world choropleth that shades countries by a metric and includes a theme-aware legend and hover details.

ReactTailwindScreen

One link, one round trip

Ask your agent for a tooltip and pick from these.

Your agent brings together possibilities for your project. Explore what speaks to you, then let it build from your choices.

Connect your agent