component
3D Magnetic UI Kit
By Abdul Sami
Details
- Abdul SamiAuthor
- componentType
- 2026-03-04Published
- 2026-03-02Updated
- 2026-02-15Added
- ButtonsCategories
Summary
Premium 3D Magnetic Buttons & Icons
Description
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.
Introduction
Premium 3D Magnetic Buttons & Icons
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #5826