---
title: "Socials-Doc — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Waaiz Hussain · Sections. Your socials,one glassy click away"
canonical: "https://framer.elliotli.dev/component/socials-doc"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Socials-Doc

# Socials-Doc

Your socials,one glassy click away

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

![Socials-Doc preview image 1](https://framer.elliotli.dev/og/component/socials-doc/970a07612f5f4a27/1600x1200.jpg)

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

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

-   All · #4662

## Details

- **Author**: Waaiz Hussain
- **Price**: $5.00
- **Published**: 2026-07-29
- **Updated**: 2026-07-29
- **Added**: 2026-07-29
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes