component
3D Parallax Sharing
By Tim Akihiro Heinrich
Details
- Tim Akihiro HeinrichAuthor
- componentType
- 2026-04-01Published
- 2026-07-28Updated
- 2026-03-24Added
- EffectsCategories
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.
- All · #714