Contact Dock

Contact Dock is a fixed-corner glass trigger that springs open a hello sheet — avatar, greeting, name, and up to three actions (book, email, tel, or any URL). Accent-tinted icons, CSS pulse rings, Radius and Blur controls, canvas-safe portal, Escape/outside close, and dialog focus management. Zero packages beyond framer + framer-motion. No Auto Demo — the pointer is the product.

Categories / tags: Components · Contact · FAB · Glass · Interaction · Motion · Utility · Accessibility · Booking · Email Features

• Fixed corner dock (Left / Right) with safe-area insets

• Up to 3 Channels (label, link, show, icon) with smart mailto/tel/URL

• Appearance: Accent, Tint, Blur, Radius %, Size

• CSS pulse rings + accent glow; reduced-motion aware

• Dialog a11y: aria-modal, focus sheet on open, restore on close

• Canvas-visible orb; live portal to document.body

• Built-in Kern icons use Accent; optional image uploads

• No Auto Demo / no WhatsApp

Setup (buyer)

1. Insert Contact Dock (fixed size ~60×60 on canvas is fine).

2. Fill Content (greeting, name, role, avatar).

3. Edit Channels (up to 3) — paste URL, email, or tel.

4. Tune Appearance (Accent #6FD3FF, Tint, Blur, Radius, Corner, Size).

5. Optional: Pulse off; custom Orb/Close icons.