Skip to content
scrollsheet
GitHub

Install

Terminal window
bun add scrollsheet

No peer dependencies beyond React and React DOM, 18 or newer.

shadcn/ui

Section titled “shadcn/ui”

Every primitive and pattern also ships as a registry item, installable with the shadcn CLI:

Terminal window
bunx shadcn@latest add https://scrollsheet.dev/r/drawer.json
bunx shadcn@latest add https://scrollsheet.dev/r/sheet.json
bunx shadcn@latest add https://scrollsheet.dev/r/confirm.json
bunx shadcn@latest add https://scrollsheet.dev/r/share-sheet.json
bunx shadcn@latest add https://scrollsheet.dev/r/sidebar.json
bunx shadcn@latest add https://scrollsheet.dev/r/toast.json

Or pull the same files straight off GitHub: swap https://scrollsheet.dev/r/ for https://raw.githubusercontent.com/ansumanshah/scrollsheet/main/registry/.

Each writes one file into components/ui/: drawer.tsx, sheet.tsx, confirm.tsx, share-sheet.tsx, sidebar.tsx, toast.tsx. confirm and share-sheet build on drawer; sidebar builds on sheet; the CLI pulls those in automatically.

  • Directorycomponents/
    • Directoryui/
      • drawer.tsx
      • sheet.tsx
      • confirm.tsx
      • share-sheet.tsx
      • sidebar.tsx
      • toast.tsx

Already on vaul or Sonner?

Migrate from vaulDrop-in replacement for vaul's Drawer namespace, same props, same data-vaul-* attributes for existing CSS.
Migrate from SonnerDrop-in replacement for toast, useSonner, and Toaster, built on one non-modal Sheet.Root per Toaster instead of Sonner's DOM stack.