3D Parallax Sharing: Free Buttons Component by Tim Akihiro Heinrich

Grow organically by letting visitors share your site on social media! When clicked, each icon generates a ready-to-post link to the current page, or any other page you decide on. You can adjust this component to your brand using the framer property controls.

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

Details

Tim Akihiro Heinrich

Updated 4 hours ago

0 installs

Support

About Components Refund Policy Contact Creator

3D Parallax Sharing — 3D parallax button for social sharing.