Shadcn Lazy Tooltip: a component wraps shadcn/ui tooltips and only mounts them when users actually hover or touch the trigger element.
Benefits:
⚡ Dramatically faster initial page loads when you have lots of tooltips
🚀 Zero behavior changes after first interaction
📦 Drop-in replacement for existing shadcn tooltips
🛠️ Full TypeScript support out of the box
📱 Works perfectly on mobile with touch events
Perfect for data tables, dashboards, or any interface where you need multiple tooltips but don't want the performance hit on initial render.
The implementation is clean and the API stays exactly the same as regular shadcn tooltips.
Top comments (0)