component
Peek Drawer Pro
By Vague agency
Details
- Vague agencyAuthor
- componentType
- $19.00Price
- 2026-06-18Published
- 2026-06-21Updated
- 2026-06-18Added
- InteractiveCategories
Summary
Peek Drawer Pro turns any layer into a polished, draggable panel — a floating peek that docks to any edge, or a classic slide-in drawer.
Description
Peek Drawer Pro turns any layer into a polished, draggable panel — a floating peek that docks to any edge, or a classic slide-in drawer. You design the handle and the content; the component handles the motion, the gestures, and the responsive behavior. Two patterns, one component Floating — a peeking handle your users tap or drag to reveal a panel. It snaps to the nearest edge, repositions freely, and can stay fixed to the screen or live inside a section. Drawer — a full slide-in panel from left, right, top, or bottom, with an optional backdrop and drag-to-close. Bring your own design Connect any frame or component as the handle and as the content — no restyling, no limits. Or use the built-in pill handle for an instant, zero-setup start. Built to feel right Smooth spring animations, tap or drag to open, optional attention hint. Mobile-first: safe-area aware, body-scroll lock, buttery on touch. Accessible: keyboard-friendly and respects Reduce Motion. Fit-to-content or custom sizing, shadow, radius, scrim, close button, and more. Set up in seconds Pick a mode, connect your handle and content — done. A clean Simple view by default, with an Advanced panel when you want full control. CMS-bindable settings for dynamic, data-driven panels. Perfect for side navigation, filters, carts, chat widgets, cookie banners, info panels, and floating CTAs. Demo Page
Introduction
Floating Panels & Drawers
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #4486