---
title: "Social-Pulse Float — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Abdul Sami · Navigation. High-Fidelity Interaction Design The Social-Pulse Float is designed to solve the common issue of \"hover-loss."
canonical: "https://framer.elliotli.dev/component/social-pulse-float"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Social-Pulse Float

# Social-Pulse Float

Magnetic Expanding Social Menu

[View on Framer](https://framer.com/marketplace/components/social-pulse-float/?via=elliot-li)

![Social-Pulse Float preview image 1](https://framer.elliotli.dev/og/component/social-pulse-float/053b1639c5d09a86/1600x1200.jpg)

## Summary

High-Fidelity Interaction Design The Social-Pulse Float is designed to solve the common issue of "hover-loss.

## Description

### High-Fidelity Interaction Design

The **Social-Pulse Float** is designed to solve the common issue of "hover-loss." Most native Framer menus close the moment the mouse leaves the trigger. This TSX component uses a "Smart Bridge" logic that keeps the menu active while the user navigates toward the social links.

### Key Features

-   **Image & Emoji Support**: Use the native Framer Image control (as seen in your "Links Item" settings) to upload custom brand icons or use fallback emojis.
    
-   **Dual-Sizing Engine**: Independent controls for "Fit" (content-based) and "Fixed" (circle/square) modes for both the main button and items.
    
-   **Spring Animations**: Powered by framer-motion for a tactile, "bouncy" expansion effect.
    
-   **Verified Expert Code**: Clean, modular TSX organized into professional property groups (Sizing, Typography, Colors, Layout).
    

### Manual Entry for Users

-   **Setup**: Drag the component to any corner of your webpage (ideally bottom-right).
    
-   **Adding Links**: Use the "Links" array in the sidebar to add as many social platforms as needed. Upload your icons via the "Icon" image field.
    
-   **Gap Adjustment**: Use the "Float Gap" slider to control the distance between the button and your links without breaking the hover connection.Due to the digital nature of this product, all sales are final. If you encounter technical issues that we are unable to resolve, a refund may be issued at our discretion within 7 days of purchase.
    

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

-   All · #11144

## Details

- **Author**: Abdul Sami
- **Price**: $15.00
- **Published**: 2026-04-30
- **Updated**: 2026-04-29
- **Added**: 2026-04-04
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation