Animated Tooltip

A cool tooltip that reveals on hover, follows mouse pointer

Install using CLI

npm
pnpm
bun
yarn
npx shadcn-vue@latest add "https://inspira-ui.com/r/animated-tooltip.json"

Install Manually

Copy and paste the following code

AnimatedTooltip.vue

API

Prop NameTypeDefaultDescription
itemsArray<{id: number, name: string, designation: string, image: string}>[]An array of objects, each representing an item. Each object in the array should have the following properties: id, name, designation, image

Credits

Animated List
A sequentially animated list that introduces each item with a timed delay, perfect for displaying notifications or events on your landing page.
Balance Slider
A dynamic balance slider with adjustable colors, limits, and interactive tooltip.