Family Drawer

A bottom drawer with smooth, morphing transitions between stacked views, inspired by the Family app. Built on Vaul.

Library

Rare UI

Framework

React

Type

ui

License

Commons-Clause+MIT

Dependencies

motion, vaul

Install

npx shadcn@latest add swamimalode07/rare-ui/family-drawer

Files

• components/ui/family-drawer.tsx
• lib/utils.ts

Source

https://github.com/swamimalode07/rare-ui

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 Rare UI

• Inline AI Status
• Animated Counter
• Bounce Sidebar
• Code Block
• Delete Button
• Duration Picker
• Emoji Reaction
• FAQ
• Fluid Orb
• Folder Component
• GitHub Activity
• Gooey Nav