Bottom Sheet

Vaul-inspired draggable bottom sheet with snap points, inertia and glass surface.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/bottom-sheet

Files

• components/motion/bottom-sheet.tsx
• lib/ease.ts
• lib/hooks/use-focus-trap.ts
• lib/i18n.tsx
• lib/presence-gate.tsx
• lib/touch.ts
• lib/utils.ts

Source

https://github.com/starc007/ui-components

Categories

• Bottom Sheet Components
• React Bottom Sheet Components
• Tailwind CSS Bottom Sheet Components
• Animated Bottom Sheet Components
• Drawer Components
• React Drawer Components
• Tailwind CSS Drawer Components
• Animated Drawer Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components
• Animated Overlay Components

More from beUI

• Drawer
• Action Swap
• Action Swap Blur
• Action Swap Cascade
• Action Swap Roll
• Adaptive Stepper
• Agent Activity
• Agent Code
• Agent Disclosure
• Ai Sidebar
• Alert
• Animated Badge