design-infraGitHub
Report a problem or share feedback← Catalog

Tooltip

free

beui/tooltip

Composable 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.

hover · press · enter — subtledrop-inRefinedPlayful
$npx shadcn@latest add @beui/tooltip

npm deps: @floating-ui/dom, clsx, motion, tailwind-merge

Source
beUI (free)
Kind
component
Categories
tooltip
Use as
drop-in — replaces your component
Applies to
tooltip
Motion
on hover, press, enter · subtle · motion · medium cost
Tags
react, tailwind-v4, motion, motion
Licence
MIT — Copyright (c) 2026 Saurabh Chauhan; retain the upstream notice when copying source.
Live demo
beui.dev
Docs
beui.dev