Smooth Drawer

Checkout bottom sheet on Vaul snap points, peeking at the total and dragging up for details.

Library

Kokonut UI

Framework

React

Type

component

License

MIT

Dependencies

lucide-react, motion

Install

npx shadcn@latest add @kokonutui/smooth-drawer

Files

• components/kokonutui/smooth-drawer.tsx
• components/ui/button.tsx
• components/ui/drawer.tsx
• lib/utils.ts

Source

https://github.com/kokonut-labs/kokonutui

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
• shadcn/ui Drawer Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components

More from Kokonut UI

• Contact Sheet
• Command Palette
• Activity Terrain
• AI Agent Lanes
• AI Attachment
• AI Autocomplete
• AI Conversation Branches
• AI Checkout
• AI Inline Citations
• AI Code Run
• AI Connect
• AI Context Meter