A dynamic component featuring hoverable avatars with smooth, spring-animated tooltips that display names and designations, fully customizable.
Made with Workshop
Build your own component with AI
The Animated Tooltip component transforms your projects with an elegant, interactive avatar system designed to captivate users. On hover, each avatar triggers a beautifully animated tooltip revealing a name and designation, powered by Framer Motion’s spring-based transitions for a natural, engaging feel.
Avatar Size
Avatar Gap
Border Color
Font
Tooltip Background
Tooltip Text Color
Tooltip Padding
Tooltip Y Position
Avatar Shadow