# Sona UI — FluidTooltip

> Animated tooltip component that glides smoothly across interactive elements

FluidTooltip is a UI component from the Sona UI library that animates fluid transitions between adjacent toolbar icons. It provides a polished, interactive hover experience across both dark and light interface themes.

Website: https://sona-ui.vercel.app/docs/fluid-tooltip

## What it is for

- Add animated tooltip transitions across toolbar or dock icons
- Preview and test tooltip behaviors in dark and light modes
- Copy implementation code for smooth UI micro-interactions

## Features

- Fluid motion animation between target elements
- Support for light and dark themes
- Live interactive documentation playground
- Pre-styled micro-interactions for modern web interfaces

## Pricing

Free to use component documentation

## Details

- Type: Web app
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Platforms: Web, Code library
- For: Frontend developers and UI designers
- Alternative to: Radix UI Tooltip, Floating UI
- Tags: ui components, tooltips, micro interactions, frontend, animation

## Why it was saved

- [@codebydinil, 31 August 2026](https://x.com/codebydinil/status/2094396149084164479): Where to see the tooltip component live and copy its usage.

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/sona-ui-fluidtooltip

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.