Skip to content

component

Socials-Doc

By Waaiz Hussain

Details

Summary

Your socials,one glassy click away

Description

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.

Introduction

Your socials,one glassy click away

Rank history

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

11001200126508/148/228/309/79/15
  • All · #2489