Components
Loading preview...
The Magnetic Tabs component is a dynamic, interactive tab system designed for modern UIs. It features a magnetic indicator that smoothly “snaps” toward the hovered or active tab, giving a playful, physics-based feel. The indicator is larger than the tab buttons and can be customized with indicatorPadding to create a prominent, glowing effect. Each tab displays its corresponding content with smooth transitions, making the interface feel fluid and responsive. The component is fully responsive, supports light and dark themes, and can be centered on the page or embedded within layouts, offering a visually engaging and tactile tab navigation experience.