Skip to content

component

3D Parallax Sharing

By Tim Akihiro Heinrich

Details

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. Platforms X / Twitter LinkedIn Facebook WhatsApp Email Copy Link

Introduction

3D parallax social sharing button

Rank history

Daily rank per list, from the first snapshot — lower is better.

12014016017148/148/228/309/79/15
  • All · #714