Lina: Adaptive Scroll Area for React with Native Touch Support

Lina: A shadcn/ui ScrollArea replacement that actually adapts to your input method.

Key features:

🎯 Detects touch vs pointer and switches between native scrolling and custom scrollbars

🌫️ Edge masks that appear only when content overflows

🖱️ Hover and press effects for desktop scrollbars

📱 Proper momentum scrolling and touch action on mobile

🔄 Drop-in replacement for existing ScrollArea components

🧩 Works with both Radix UI and Base UI

Install through shadcn CLI in one command. No config changes needed if you're already using ScrollArea. Just swap the import and you're done.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo