3D Magnetic UI Kit

Show Preview
3D Magnetic UI Kit
3D Magnetic UI Kit

About 3D Magnetic UI Kit

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.

From Abdul Sami

Neon Border Beam
Liquid Inertia Deck
Directory- Job Board
Social-Pulse Float

Related Components

Metal Rim Button
Social Widget
Shift Button
Theme Toggle PLUS