Physics Tooltip — Dynamic tooltip with spring physics.

Overview

A highly interactive, zero-code tooltip component powered by Framer Motion. Instead of static hover states, this tooltip reacts to the user's cursor velocity, creating a realistic drag and tilt effect using spring momentum.

Features

- Physics Engine: Real-time velocity tracking and rotation based on cursor movement.

- Mobile Fallback: Automatically disables physics on touch devices, switching to a clean tap-to-open logic.

- Accessible: Built-in focus states, Escape key support, and ARIA roles.

- Highly Customizable: Exposes controls for Spring Stiffness, Damping, and Tilt Strength directly in the Framer properties panel.

How to Use

1. Paste the component onto your canvas.

2. To use it within a sentence, place it inside a horizontal Stack with the "Wrap" option enabled.

3. Adjust the "Enable Mobile A11y" toggle based on your project's needs.

4. Tweak the spring parameters to make the physics feel heavier or lighter.