Astra

Warm Tooltip

Tooltip group where the first label waits, then its siblings open instantly while warm.

Warm Tooltip, a Astra component

Use Warm Tooltip in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/WarmTooltip-TS-TW
How to install Astra components

Related components

  • Jelly Radio

    Radio group of chips where the chosen one swells and barges its neighbours outward.

  • Bell Toggle

    Pill toggle where a press rings the bell, crossfades the label and unfurls the pill.

  • Flying Button

    Button that fires its thrusters on hover, lifts off on a WebGL smoke plume and lands back in its own cloud.