Scroll AreaproEnhanced scroll area with auto-hide scrollbars, progress indicators, and cross-directional scrollscrollareascrollbarprogress PreviewCodeTagsTag 1Tag 2Tag 3Tag 4Tag 5Tag 6Tag 7Tag 8Tag 9Tag 10Tag 11Tag 12Tag 13Tag 14Tag 15Tag 16Tag 17Tag 18Tag 19Tag 20Tag 21Tag 22Tag 23Tag 24Tag 25Tag 26Tag 27Tag 28Tag 29Tag 30Tag 31Tag 32Tag 33Tag 34Tag 35Tag 36Tag 37Tag 38Tag 39Tag 40Tag 41Tag 42Tag 43Tag 44Tag 45Tag 46Tag 47Tag 48Tag 49Tag 50Copyimport { ScrollAreaPro } from "@/components/vritti/scroll-areapro"; export function ScrollAreaProExample() { return ( <div className="flex items-center justify-center p-8"> <ScrollAreaPro className="h-72 w-48 rounded-md border" autoHide> <div className="p-4"> <h4 className="mb-4 text-sm font-medium leading-none">Tags</h4> {Array.from({ length: 50 }).map((_, i) => ( <div key={i} className="text-sm py-1"> Tag {i + 1} </div> ))} </div> </ScrollAreaPro> </div> ); } Installation CLIManualpnpmnpmyarnbunpnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/scroll-areapro"Copy Dependencies pnpmnpmyarnbunpnpm add motion @radix-ui/react-scroll-areaCopy