Multi-Link Converter Tool 🔗

Multi-Link Converter is a high-performance desktop utility designed to streamline the process of converting hyperlinks and rich text into various web-friendly formats. Built with React and wrapped in Electron, it provides a secure, local environment for developers and content creators to clean and reformat links instantly.

🚀 Key Features

• Multi-Format Export: Convert rich text and links into HTML, Markdown, BBCode, Raw URL lists, and Reference-style Markdown.

• Intelligent Content Cleaning: A dedicated "Clean" tool that strips unnecessary inline styles, classes, and proprietary attributes (like those from Word or Google Docs) while preserving the core structure.

• Automatic Fragment Removal: Automatically detects and removes and tags often included during copy-paste operations.

• Live Link Counter: An integrated badge that displays the total number of active hyperlinks detected in the editor in real-time.

• Local & Private: As a desktop application, all processing happens locally on your machine, ensuring no sensitive data or URLs are sent to external servers.

• Dark Mode Support: A polished, modern UI with a toggleable dark mode for comfortable use in any environment.

🛠️ Tech Stack

• Frontend: React.js 19 with Vite for a fast and reactive user interface.

• Desktop Layer: Electron, enabling the tool to run as a native Windows application with a clean, menu-less interface.

• Icons: React Icons (FaLink, FaBroom, FaCopy, etc.) for an intuitive toolbar experience.

• Styling: Custom CSS with a responsive dashboard layout and "One Dark" inspired themes.

📁 Project Structure

Plaintext

├── electron/          # Main process for the desktop application [cite: 328]
├── src/               # React application source code
│   ├── components/    # UI elements (Converter, Header, Footer, Toast) [cite: 328]
│   ├── utils/         # Core conversion and cleaning logic [cite: 328, 386]
│   ├── App.jsx        # Main application entry and state [cite: 328]
│   └── index.css      # Global styles and theme variables [cite: 328]
└── vite.config.js     # Optimized build configuration for Electron [cite: 328]

⚙️ Installation & Development

1. Clone the repository:

   Bash

   git clone https://github.com/your-username/link-converter.git
   cd link-converter
   
   

2. Install dependencies:

   Bash

   npm install
   
   

3. Run in Development Mode:

   Bash

   npm run dev
   
   

4. Build the Desktop App:

   Bash

   npm run build
   # Then launch the Electron wrapper
   npm start
   
   

📖 Pro Tips

• Paste & Clean: Simply press Ctrl+V to paste content; the tool automatically cleans common metadata fragments.

• Quick Copy: Click anywhere on the output code blocks to instantly copy the formatted text to your clipboard.

• Manual Linking: Select any text in the editor and click the Link button to wrap it in a custom URL.

---

Developed by Shakeeb. Focus on speed, privacy, and clean code.