3D Magnetic UI Kit · Free Buttons Component
Stop using flat, boring buttons.
The 3D Magnetic UI Kit adds a layer of polish to your site that users can instantly feel. Unlike standard magnetic buttons that just move the container, this component uses Parallax Physics—the text and icons move at a different speed than the background, creating a subtle, premium 3D depth effect.
✨ What's Inside:
Primary Button: Perfect for CTAs like "Book Call" or "Get Started".
Social Icons: A circular variant optimized for Twitter, Instagram, and LinkedIn links.
⚙️ Advanced Physics Controls:
Strength: Control how "heavy" the magnet feels (0.1 to 1.5).
Range: Adjust the invisible sensor area to catch the mouse earlier or later.
Springs: Tuned for a snappy, non-jittery return.
🎨 Fully Customizable:
Change Background, Text, and Radius.
Swap Icons instantly.
Adjust padding for Pill or Circle shapes.
Drop this into your Navbar or Footer to instantly upgrade the "feel" of your site.
Stop using flat, boring buttons.
The 3D Magnetic UI Kit adds a layer of polish to your site that users can instantly feel. Unlike standard magnetic buttons that just move the container, this component uses Parallax Physics—the text and icons move at a different speed than the background, creating a subtle, premium 3D depth effect.
✨ What's Inside:
Primary Button: Perfect for CTAs like "Book Call" or "Get Started".
Social Icons: A circular variant optimized for Twitter, Instagram, and LinkedIn links.
⚙️ Advanced Physics Controls:
Strength: Control how "heavy" the magnet feels (0.1 to 1.5).
Range: Adjust the invisible sensor area to catch the mouse earlier or later.
Springs: Tuned for a snappy, non-jittery return.
🎨 Fully Customizable:
Change Background, Text, and Radius.
Swap Icons instantly.
Adjust padding for Pill or Circle shapes.
Drop this into your Navbar or Footer to instantly upgrade the "feel" of your site.
