Ultra Glass Socials
A floating profile sidebar featuring an ultra-clear glass effect and dynamic Phosphor icons. Lightweight, responsive, and adds a futuristic touch to your social navigation.
Make it with Workshop
Build your own component with AI
A floating profile sidebar featuring an ultra-clear glass effect and dynamic Phosphor icons. Lightweight, responsive, and adds a futuristic touch to your social navigation.
Make it with Workshop
Build your own component with AI
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:
Check the properties panel on the right under "Links".
Click the "+ Add Link" or "+" button.
Select the Icon type (Instagram, WhatsApp, TikTok, etc.) from the dropdown.
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.
