Imán UI 🧲

A sophisticated magnetic interaction component for React. Features 3D tilt, progressive attraction, and dynamic glow effects for a premium tactile experience.

✨ Features

• Progressive Magnetism: Smooth attraction logic that increases as the cursor approaches the center.
• 3D Tilt Interaction: Real-time Z-axis rotation based on cursor position for a tactile, physical feel.
• Dynamic Surface Glow: A subtle light follow effect that simulates reflections on premium materials.
• Minimalist "Enterprise" Design: Sharp, high-contrast UI inspired by industry leaders like Vercel and Linear.
• Variable Typography: Fully integrated with Google Sans Flex for a sophisticated look.

🛠️ Tech Stack

• Framework: React 19
• Build Tool: Vite
• Styling: Tailwind CSS v4
• Typography: Google Sans Flex

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/sebastianvasquezechavarria1234/IMAN.git

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

📂 Project Structure

• src/components/Magnet.jsx: The core magnetic interaction engine.
• src/App.jsx: Main interface and button implementation.
• src/index.css: Tailwind v4 configuration and global styles.

---

Created by Sebastian Vasquez Echavarria