Drawer

Premium

Layout

Slide-in panel from any edge of the screen, perfect for navigation menus, settings panels, and side content.

Dependencies:

framer-motion

Full

Click buttons to open drawers from different positions

Preview

Interactive

Installation

1. Install dependencies

npm install framer-motion

2. Copy the component

Copy the source code from the Code tab above and save it to your components folder.

3. Import and use

import { Drawer } from '@/components/Drawer'

Smooth auto-playing carousel with infinite scroll, pause on hover, and customizable speed.

Collapsible content sections with smooth expand/collapse animations.