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
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
Olamide Badusi
