---
title: "MagneticBlobMenu — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Olamide Badusi · Navigation. mesmerizing interactive navigation menu"
canonical: "https://framer.elliotli.dev/component/magneticblobmenu"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/MagneticBlobMenu

# MagneticBlobMenu

mesmerizing interactive navigation menu

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

![MagneticBlobMenu preview image 1](https://framer.elliotli.dev/og/component/magneticblobmenu/c75ad419621dd003/1600x1200.jpg)

## Summary

mesmerizing interactive navigation menu

## Description

## Key Features

-   **Magnetic Pull Effect**: Blobs smoothly track cursor position with customizable attraction strength and distance-based influence calculations
    
-   **Gooey Morphing**: SVG filter creates seamless blob merging effect with adjustable intensity for that liquid, organic aesthetic
    
-   **Spring Physics**: Buttery-smooth animations powered by Framer Motion's spring system with configurable stiffness and damping
    
-   **Performance Optimized**: Event-driven updates instead of RAF loops - handles 10+ items without lag or frame drops
    
-   **Full Customization**: Control blob size, spacing, colors, magnetic strength, hover scale, and gooey intensity via property panel
    
-   **Interactive States**: Hover effects with scale, glow, and shadow transitions plus tap feedback for tactile user experience
    
-   **Accessible**: Full keyboard navigation support (Enter/Space), ARIA labels, semantic roles, and proper focus management
    
-   **Click Handlers**: Built-in callback function returns clicked item name and index for easy integration with navigation logic
    

**Responsive Design**: Adapts to any container size while maintaining smooth interactions and proper hit areas

Perfect for:

-   **Creative Agencies**
    
-   **SaaS Startups**
    
-   **E-commerce Sites**
    
-   **Personal Portfolios**
    
-   **Marketing Campaigns**
    
-   **Design Studios**
    
-   **Tech Companies**
    
-   **Entertainment Sites**: Gaming, music, or media platforms where playful interactions enhance brand personality
    

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

-   All · #6361

## Details

- **Author**: Olamide Badusi
- **Price**: $7.00
- **Published**: 2026-01-26
- **Updated**: 2026-04-18
- **Added**: 2026-01-01
- **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