Social Dock is a single click-to-reveal panel for every way people can reach you — Instagram, X, LinkedIn, Threads, YouTube, and a one-tap "copy email" button — wrapped in the same frosted-glass material Apple uses for its own menu popovers.
Instead of a row of icons eating up hero-section space, visitors get one small pill button. Click it, and a blurred, translucent panel drops down with only the links you've actually filled in.
Why it's different
Real glass, not a flat card with opacity: 0.9 — proper backdrop-blur + saturation, inset highlight border, and a spring-in open animation.
Every social is optional. Don't have a YouTube channel? Leave the field empty in the right panel and the row disappears — no code, no hidden divs, no awkward gaps.
One-click copy email button with built-in "Copied ✓" confirmation state, so people don't have to open their mail app just to grab your address.
Day / Night appearance toggle built into the properties panel — Day mode renders a dark glass panel for light backgrounds, Night mode renders a light glass panel for dark backgrounds. Pick per-page, no re-theming required.
Left/right panel alignment control, so it works whether you're placing it top-left of a hero or tucked into a floating nav on the right.
Good for: portfolio hero sections, "contact" nav items, footer socials, link-in-bio style pages, agency team member cards.
Drop it in, fill in your links, done.
Social Dock is a single click-to-reveal panel for every way people can reach you — Instagram, X, LinkedIn, Threads, YouTube, and a one-tap "copy email" button — wrapped in the same frosted-glass material Apple uses for its own menu popovers.
Instead of a row of icons eating up hero-section space, visitors get one small pill button. Click it, and a blurred, translucent panel drops down with only the links you've actually filled in.
Why it's different
Real glass, not a flat card with opacity: 0.9 — proper backdrop-blur + saturation, inset highlight border, and a spring-in open animation.
Every social is optional. Don't have a YouTube channel? Leave the field empty in the right panel and the row disappears — no code, no hidden divs, no awkward gaps.
One-click copy email button with built-in "Copied ✓" confirmation state, so people don't have to open their mail app just to grab your address.
Day / Night appearance toggle built into the properties panel — Day mode renders a dark glass panel for light backgrounds, Night mode renders a light glass panel for dark backgrounds. Pick per-page, no re-theming required.
Left/right panel alignment control, so it works whether you're placing it top-left of a hero or tucked into a floating nav on the right.
Good for: portfolio hero sections, "contact" nav items, footer socials, link-in-bio style pages, agency team member cards.
Drop it in, fill in your links, done.
