---
title: "Ultra Glass Socials — Free Framer component · Best of Framer"
description: "Free Framer component · by Sirrah Space · Navigation. Elevate your social navigation with Ultra Glass Socials."
canonical: "https://framer.elliotli.dev/component/ultra-glass-socials"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Ultra Glass Socials

# Ultra Glass Socials

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

![Ultra Glass Socials preview image 1](https://framer.elliotli.dev/og/component/ultra-glass-socials/c69807997d18e8ce/1600x1200.jpg)

## Summary

Elevate your social navigation with Ultra Glass Socials.

## Description

Elevate your social navigation with **Ultra Glass Socials**. Designed with high transparency (Ultra-Clear Glassmorphism), this component blends seamlessly with your website's background while keeping content sharp and legible.

**✨ Key Features:**

-   **Ultra-Clear Aesthetic:** Features a highly transparent background with subtle blur, creating a modern, premium 'crystal' look.
    
-   **Dynamic Link System:** Add as many social media buttons as you need (Unlimited) directly from the property panel. No code editing required!
    
-   **Phosphor Icons Library:** Integrated with the official Phosphor Icons library for sharp, consistent, and beautiful vector icons.
    
-   **Lite Performance:** Optimized code removes heavy physics, making hover animations feel instant, lightweight, and lag-free.
    
-   **Smart Theme:** Includes **Dark Glass** and **Light Glass** modes that automatically adjust border and shadow contrast.
    

Perfect for displaying Personal Profiles, Contact Links, or Portfolio Navigation without cluttering the screen.

**Adding Social Links:**

1.  Check the properties panel on the right under **"Links"**.
    
2.  Click the **"+ Add Link"** or **"+"** button.
    
3.  Select the **Icon type** (Instagram, WhatsApp, TikTok, etc.) from the dropdown.
    
4.  Paste your destination URL. _Tip: Icons appear with a beautiful staggered animation when the sidebar opens._
    

**Customization:**

-   **Position:** Choose Left or Right to match your layout.
    
-   **Theme:** Select Dark for dark-themed websites, or Light for bright ones.
    
-   **Profile:** You can toggle the profile photo & name **Off** if you only want to display the social buttons.
    

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

-   All · #5073

## Details

- **Author**: Sirrah Space
- **Published**: 2025-12-30
- **Updated**: 2025-12-30
- **Added**: 2025-12-15
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation