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

Framer Property controls to adjust the 3D parallax social sharing button.

Platforms

X / Twitter
LinkedIn
Facebook
WhatsApp
Email
Copy Link

Suggested for you