Skip to content

component

Peek Drawer Pro

By Vague agency

Details

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.

12001400146748/148/228/309/79/15
  • All · #4486