Mobile Drawer

Slide-in navigation drawer with scrim, focus trap, and scroll lock. Radix flavor.

Library

Fluid Functionalism

Framework

React

Type

ui

License

MIT

Dependencies

@radix-ui/react-dialog, motion

Install

npx shadcn@latest add @fluid/mobile-drawer

Files

• registry/radix/mobile-drawer.tsx
• registry/default/lib/springs.ts
• registry/default/lib/surface-context.tsx
• registry/default/lib/surface-classes.ts
• lib/springs.ts
• lib/surface-context.tsx
• lib/surface-classes.ts

Source

https://github.com/mickadesign/fluid-functionalism

Categories

• Drawer Components
• React Drawer Components
• Tailwind CSS Drawer Components
• Animated Drawer Components
• Hamburger Menu Components
• React Hamburger Menu Components
• Tailwind CSS Hamburger Menu Components
• Animated Hamburger Menu Components
• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• Animated Navigation Components

More from Fluid Functionalism

• Mobile Drawer
• Accordion
• Accordion (Base UI)
• Ask User Questions
• Badge
• Banner
• Breadcrumb
• Button
• Button (Base UI)
• Calendar
• Card
• Carousel Dots