MoonUI

Magnetic Button

PRO

Interactive button with magnetic hover effect that follows cursor movement, creating an engaging user experience with customizable attraction strength and spring physics

Pro Features

Unlock advanced capabilities with the Pro version

Proximity Magnetic Field

Button attracts cursor from distance with document-level tracking - works even before hovering

Advanced Cursor Tracking

Real-time cursor position tracking with smooth interpolation and distance-based strength

Spring Physics

Realistic spring animations with customizable stiffness and damping, optimized for performance

Customizable Glow Effects

Variant-specific glow effects with adjustable intensity for stunning hover states

Ripple Click Animation

Material Design inspired ripple effect on click for tactile feedback

Multiple Variants

7 visual variants including gradient, each with unique glow effects

3D Rotation & Scale

Subtle 3D rotation and dynamic scale effects based on cursor position

Performance Optimized

Smart animation loop management - stops when idle to save CPU resources

Production Ready

Battle-tested with proper event handling, cleanup, and accessibility support

Installation

Install via CLI

moonui add magnetic-button

Usage

Pro Required

Examples

Quantum Computing Interface

PRO

Futuristic magnetic buttons for quantum computing operations with particle effects

Pro Required
Quantum Computing Interface

Quantum Control Panel

Experience magnetic interactions designed for quantum computing interfaces

AI Neural Network Dashboard

PRO

Intelligent magnetic controls for neural network training and optimization

Pro Required
AI Neural Network

Neural Control Center

Intelligent magnetic buttons that adapt to neural network patterns

Model Controls

Fine-tune your neural network

Blockchain Technology

PRO

Secure magnetic buttons for blockchain transactions and smart contracts

Pro Required
Blockchain Technology

Secure Transaction Hub

Magnetic buttons for secure blockchain operations and smart contracts

Transaction #7B3A9F

Pending

Space Exploration

PRO

Zero-gravity magnetic interactions for space mission control systems

Pro Required
Space Exploration

Mission Control

Zero-gravity magnetic interactions for space navigation systems

Thrust

Altitude

Velocity

Fuel

Cybersecurity

PRO

Protected magnetic controls for security operations and threat detection

Pro Required
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
0
1
Cybersecurity

Security Command Center

Protected magnetic buttons for critical security operations

Security Protocols

Firewall Active
VPN Connected
Monitoring Enabled

Data Analytics

PRO

Interactive magnetic buttons for data visualization and analysis dashboards

Pro Required
Data Analytics

Analytics Dashboard

Interactive magnetic controls for data visualization and analysis

Revenue

$2.4M

Users

45.2K

Conversion

3.2%