3D Parallax Sharing

3D parallax social sharing button by Tim Akihiro Heinrich

Show Preview
3D Parallax Sharing

About 3D Parallax Sharing

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.
Framer Property controls to adjust the 3D parallax social sharing button.

Platforms

  • X / Twitter

  • LinkedIn

  • Facebook

  • WhatsApp

  • Email

  • Copy Link