{
  "slug": "vaul",
  "name": "Vaul",
  "url": "https://vaul.emilkowal.ski",
  "cat": "dx",
  "group": "build",
  "tagline": "Drawer / bottom sheet",
  "price": "Free · MIT",
  "tier": "free",
  "pick": false,
  "what": "A drawer component for React, v1, also by Emil Kowalski, built on Radix Dialog. It gives the iOS-style bottom sheet with drag-to-dismiss, snap points, background scaling and correct focus trapping. shadcn's <code>Drawer</code> component is Vaul.",
  "why": "Modals feel wrong on phones and a bottom sheet is the native-feeling answer. Drag physics, snap points and mobile scroll-locking are genuinely hard to get right by hand.",
  "warn": "Mobile-first by design — on desktop a normal Dialog is usually better. Nested drawers and inner scroll areas still need care.",
  "install": "npm install vaul",
  "category": {
    "key": "dx",
    "name": "Libraries & build tooling",
    "desc": "The dependencies your AI will reach for whether or not you chose them. Know what they are.",
    "group": "build",
    "groupName": "Build it"
  },
  "freshness": null,
  "health": {
    "ok": true,
    "status_code": 200,
    "final_url": "https://vaul.emilkowal.ski/",
    "checked_at": "2026-08-18T21:22:12.874+00:00"
  },
  "corrected_at": null,
  "upstream_changed_at": null
}