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

Animated Toggle

A toggle switch component with smooth animations and multiple variants including morph and icon transitions.

Basic Dropdown

A simple dropdown menu with label, items, and change callbacks.

On this page

Installation
Features
Props

Created by

Edu Calvo's avatar
Edu Calvo

Powered by

motion.dev