{"repo":"SameerJS6/lina","free":true,"listed":false,"github":"https://github.com/SameerJS6/lina","clone":"git clone https://github.com/SameerJS6/lina.git","description":"Drop-in shadcn/ui ScrollArea replacement (Radix/Base UI) with native touch, adaptive masks, and polished interactions.","language":"TypeScript","stars":351,"topics":["base-ui","nextjs","radix-ui","shadcn","shadcn-ui","tailwindcss"],"license":"MIT","category":"ui-components","readme_excerpt":"Lina The Adaptive Scroll Area for Modern UIs A responsive scroll area that feels native on touch devices, offering custom styling and enhanced interactions where it matters most. Lina is a drop‑in replacement for shadcn/ui's ScrollArea with better defaults and a more native feel. Features - Adaptive mask - Subtle edge fades appear only when content is scrollable and adapt in real time to scroll position, axis, and container shape. - Micro‑interactions - Hover/press effects for the custom scrollbar on non‑touch (desktop) devices, with responsive thumb behavior. - Native touch optimization - Uses the right touch‑action, momentum scrolling, and passive listeners so scrolling feels truly native on iOS/Android while staying precise on desktop. - Drop‑in replacement - Matches shadcn/ui's ScrollArea API, same props, slots, and className ergonomics—so you can swap it in with zero extra step. - Radix and Base UI variants - Choose Radix or Base UI primitives while keeping a consistent API and visual design. Installation Usage Documentation Visit Docs Credits Built on top of: - Radix UI's Scroll Area by Radix UI - Base UI's Scroll Area by Base UI License MIT","default_branch":null,"files":null,"tree":[],"storefront":"/r/SameerJS6","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/SameerJS6/lina/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}