Default
<ScrollArea />Augments native scroll with custom-styled scrollbars.
Preview
Vertical
Scrollable list
React
TypeScript
Tailwind CSS
Next.js
shadcn
Base UI
Motion
Phosphor Icons
Squircle
Design System
Components
Charts
Forms
Dialogs
Tooltips
Horizontal
Scrollable row
ReactTypeScriptTailwind CSSNext.jsshadcnBase UIMotionPhosphor Icons
Versions
Installation
Install by URL
Terminal
pnpm dlx shadcn@latest add https://leguan-ui.pages.dev/r/scroll-area.json