Animated Tooltip

A spring-animated tooltip component with smooth enter/exit transitions and multiple placement options.

Open in v0

Last updated: February 17, 2026

Installation

npx smoothui-cli add animated-tooltip

Features

  • Four placement options (top, bottom, left, right)
  • Spring-animated enter/exit transitions
  • Keyboard accessible with Escape to dismiss
  • Hover device detection
  • Respects reduced motion preferences
  • Arrow indicator pointing to trigger
  • Supports rich content via ReactNode
  • Optional show delay

Props

On this page

Created by

Powered by

motion.dev