design-infraReport a problem or share feedback← Catalog
Animated Tooltip
freesmoothui/animated-tooltip
Spring-animated tooltip with multiple placement options
$
npx shadcn@latest add @smoothui/animated-tooltipnpm deps: motion
- Source
- SmoothUI
- Kind
- component
- Categories
- tooltip
- Use as
- drop-in — replaces your component
- Applies to
- tooltip
- Motion
- on hover, state · subtle · motion · medium cost · respects reduced motion
- Tags
- tooltip, popover, hint, placement, spring, complexity-low, reduced-motion
- Licence
- MIT ("MIT License — Copyright (c) 2024 Eduardo Calvo", github.com/educlopez/smoothui).
- Live demo
- smoothui.dev
- Docs
- smoothui.dev
Similar
Compare all 4 →- Tooltipbeui/tooltipComposable hover, focus and tap tooltip with a subtle scale and fade, collision-aware side and alignment, an optional arrow, a pointer corridor onto hoverable content, one label at a time, keyboard-only focus reveal and optional cursor tracking.
- Base Tooltipcult-ui/base-tooltipBase UI tooltip primitives used by Apple Pro Display XDR
- Animated Tooltipaceternity/animated-tooltipA cool tooltip that reveals on hover, follows mouse pointer