shlogg · Early preview
Méschac Irung @meschacirung

TailwindCSS V4 Beta: What I Love And Hate

TailwindCSS v4 Beta: I love the default hover state disable on touch screens. However, buttons now require explicit cursor-pointer styling due to a new default CSS cursor setting.

TailwindCSS v4 Beta is shaping up to be an exciting update, but as always, there are things I absolutely love and a few that... well, annoy me. Here's my take:
✅ What I Love:
Hover states are disabled on touch screens by default. 🙌 This is such a thoughtful move! It eliminates unnecessary hover effects where they don’t make sense, creating a cleaner, more intentional user experience on mobile devices.
❌ What I Hate:
In v4 Beta, buttons now have the default CSS cursor (cursor: default) instead of Tailwind's previous cursor-pointer. This means I have to explicitly add cursor-pointer every tim...