Components
- AccordionDone
- AlertDone
- Alert DialogDone
- Aspect RatioNo Change
- AvatarDone
- BadgeDone
- BreadcrumbDone
- ButtonDone
- Button GroupDone
- CalendarNo Change
- CardDone
- CarouselDone
- ChartNo Change
- CheckboxDone
- CollapsibleNo Change
- ComboboxDone
- CommandDone
- Context MenuDone
- Data TableDone
- Date PickerDone
- DialogDone
- DrawerDone
- Dropdown MenuDone
- EmptyNo Change
- FieldNo Change
- React Hook FormNo Change
- Hover CardDone
- InputDone
- Input GroupDone
- Input OTPDone
- ItemDone
- KbdDone
- LabelDone
- MenubarDone
- Navigation MenuDone
- PaginationDone
- PopoverDone
- ProgressDone
- Radio GroupDone
- ResizableNo Change
- Scroll AreaNo Change
- SelectDone
- SeparatorDone
- SheetDone
- SidebarNo Change
- SkeletonDone
- SliderDone
- SonnerDone
- SpinnerDone
- SwitchDone
- TableNo Change
- TabsDone
- TextareaDone
- ToastDone
- ToggleDone
- Toggle GroupDone
- TooltipDone
- TypographyDone
Scroll Area
Frameless viewport with glass borders and custom rails that match the console's sharp chrome.
Region overview
Active deployments
Scrollbars mirror the muted metal rails used in other layout surfaces.
- Tokyo12 services
- Osaka12 services
- Singapore12 services
- Frankfurt12 services
- Oregon12 services
- Sydney12 services
- Virginia12 services
- Mumbai12 services
- Jakarta12 services
- London12 services
- Seoul12 services
Installation
pnpm dlx shadcn@latest add @omni/scroll-area
Usage
import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area"<ScrollArea className="h-48 w-full">
<div className="p-4">Content</div>
<ScrollBar orientation="vertical" />
</ScrollArea>