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>