Mobile Drawer

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

Library

Fluid Functionalism

Framework

React

Type

ui

License

MIT

Dependencies

@base-ui/react@^1.9.0, motion

Install

npx shadcn@latest add @fluid/mobile-drawer-base

Files

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

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