Tooltips

Interactive information layers with high-fidelity physics, kinetic entry animations, and specialized visual themes.

3 Variants
CLI Install
01

Advanced Variants

Explore three distinct animation engines: Quantum Glass, High-Voltage Neon, and Liquid Motion. Each variant uses specialized GSAP easing.

Installation

$npx shadcn@latest add https://aftershade.pages.dev/registry/tooltip-advanced.json

Orchestrated Entry

Staggered animations for text and icons within the tooltip for a polished reveal.

Physics-Based Easing

Uses elastic and back easing functions to give tooltips a tangible, physical weight.

Reactive Bounds

Smart positioning system that respects viewport boundaries and avoids clipping.