---
title: "3D Parallax Sharing — Free Framer component · Best of Framer"
description: "Free Framer component · by Tim Akihiro Heinrich – Zukunftsberatung. · Buttons. 3D parallax social sharing button"
canonical: "https://framer.elliotli.dev/component/3d-parallax-sharing"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/3D Parallax Sharing

# 3D Parallax Sharing

3D parallax social sharing button

[View on Framer](https://framer.com/marketplace/components/3d-parallax-sharing/?via=elliot-li)

![3D Parallax Sharing preview image 1](https://framer.elliotli.dev/og/component/3d-parallax-sharing/5469951f5d5fe603/1600x1200.jpg)

## Summary

3D parallax social sharing button

## Description

## 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.](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-943k53mp-oKhuz8Gb0VAAbYOVN88MkTkoHxVuPL)Framer Property controls to adjust the 3D parallax social sharing button.

### Platforms

-   X / Twitter
    
-   LinkedIn
    
-   Facebook
    
-   WhatsApp
    
-   Email
    
-   Copy Link
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #968

## Details

- **Author**: Tim Akihiro Heinrich – Zukunftsberatung.
- **Published**: 2026-04-01
- **Updated**: 2026-07-28
- **Added**: 2026-03-24
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything