---
title: "Peek Drawer Pro — Framer component · Best of Framer"
description: "$19.00 · Framer component · by Vague agency · Interactive. 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."
canonical: "https://framer.elliotli.dev/component/peek-drawer-pro"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Peek Drawer Pro

# Peek Drawer Pro

Floating Panels & Drawers

[View on Framer](https://framer.com/marketplace/components/peek-drawer-pro/?via=elliot-li)

![Peek Drawer Pro preview image 1](https://framer.elliotli.dev/og/component/peek-drawer-pro/08327865b129d63f/1600x1200.jpg)

## 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](https://www.vagueagency.com/en/resources/peekdrawerpro)

## Rank history [How rankings work →](/terms#rankings)

-   All · #2774

## Details

- **Author**: Vague agency
- **Price**: $19.00
- **Published**: 2026-06-18
- **Updated**: 2026-06-21
- **Added**: 2026-06-18
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase