Drop is a high-performance, neon-themed file synchronization ecosystem designed to bridge the gap between your PC and mobile devices. With a focus on speed, privacy, and minimalist aesthetics, Drop allows you to instantly transfer files across your local network or via remote tunnels.
- 🚀 Instant Transfers: Send files between devices with zero lag.
- 📂 Smart Categorization: Automatic sorting of incoming files into
Photos,Docs,Video,Music, andOther. - 📱 Multi-Platform Clients:
- PC Server: Electron-based desktop application for Windows.
- Mobile Apps: Dedicated implementations for Expo (React Native) and Capacitor.
- Web Client: Lightweight PWA for mobile browsers.
- 🔗 Seamless Connectivity: Connect via Local IP or QR Code scanning.
- 🌐 Remote Access: Integrated Cloudflare tunneling support for syncing when you're away from home.
- 🎨 Premium UI: Sleek, glassmorphic design with neon cyan and magenta accents.
- Backend: Node.js, Express, Multer.
- Desktop: Electron.
- Frontend: Vanilla HTML5, CSS3 (Glassmorphism), JavaScript.
- Mobile: Expo/React Native, Capacitor.
- Tools: Cloudflare Tunnel, QRcode, IP Utils.
- Install Dependencies:
npm install
- Start the Application:
npm start
- Build the Installer:
npm run build
- Navigate to the directory:
cd drop-expo - Install dependencies:
npm install - Run the development server:
npx expo start
- Navigate to the directory:
cd drop-client - Install dependencies:
npm install - Run on Android:
npx cap run android
├── drop-expo/ # Expo (React Native) mobile client
├── drop-client/ # Capacitor mobile client
├── main.js # Electron entry point
├── server.js # Express backend logic
├── index.html # Desktop UI structure
├── style.css # Neon design system
└── logo.png # Project branding
Files are stored locally in your Documents/AndroidFiles directory. Session-based sharing ensures that your FromPC directory is cleared at the start of each session for maximum privacy.
Made with ⚡ and Neon.