3D Parallax Sharing

3D parallax social sharing button

3D parallax button

A floating action button that opens social share icons.Each icon reacts to the cursor with a 3D parallax depth effect. Icons closer to the viewer move more, creating a sense of depth.

Features

• Auto-detects current page URL; no config needed

• Semi-Circle layout with staggered spring entrance

• 3D parallax, each icon has its own customizable depth

• Subtle bounce via spring physics

• Optional Pulse ring: thin animated line when closed

• Glow effect: optional per-icon glow

• Blur + dim: unfocused icons blur when sibling is hovered

Customization

All settings are exposed as Framer property controls:

• FAB size, color, shadow

• Orbit radius + start angle

• Per-platform depth layers

• Open on hover or click

• Parallax strength + smoothing

• Pulse ring on/off

• Glow on/off

Platforms

• X / Twitter

• LinkedIn

• Facebook

• WhatsApp

• Email

• Copy Link