Skip to content

component

Contact Dock

By BuiltByKern

Details

Summary

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).

Description

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) Insert Contact Dock (fixed size ~60×60 on canvas is fine). Fill Content (greeting, name, role, avatar). Edit Channels (up to 3) — paste URL, email, or tel. Tune Appearance (Accent #6FD3FF, Tint, Blur, Radius, Corner, Size). Optional: Pulse off; custom Orb/Close icons.

Introduction

Orb that opens a hello sheet.

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400151568/148/228/309/79/15
  • All · #2861