Transition on hover

Hover is feedback, not choreography. If a row fades into its hover background, the UI feels laggy even when everything else is fast.

Controls

hover:transition-none

Many design systems apply a global transition on color and background. That is fine for theme changes and presses — not for hover. The pointer already implies immediacy; a 150ms ease fights that expectation.

Tailwind’s hover:transition-none (paired with a base transition for other states) keeps press and theme motion while making hover backgrounds snappy.

Use the toggle below to compare softened hover transitions against the corrected behavior.