Welcome to ClipSync
ClipSync is a powerful Progressive Web App (PWA) that enables seamless clipboard synchronization across multiple devices in real-time. Built with React and Supabase, ClipSync makes it easy to share text, files, and images between your devices instantly.Key Features
Real-time Sync
Clipboard content syncs instantly across all connected devices using Supabase real-time subscriptions
Session-based Connection
Create or join sessions using simple 5-character codes. No accounts required
File Sharing
Share files up to 10MB including documents, images, and PDFs. Images are automatically compressed
PWA with Offline Support
Install as a native app and access your clipboard history even when offline
Search and History
Search through your clipboard history and access previously synced items
Dark Mode
Built-in dark mode with automatic system preference detection
Sensitive Content Masking
Mark clipboard items as sensitive to mask their content in the history view
Cross-Platform
Works on desktop, mobile, and tablet devices with responsive design
How It Works
ClipSync uses a session-based architecture where:- Sessions are created with unique 5-character codes generated from alphanumeric characters
- Real-time sync is powered by Supabase PostgreSQL changes streaming
- File storage utilizes Supabase Storage with automatic image compression
- Offline support is enabled through service workers and PWA capabilities
Quick Links
Quick Start
Get started using ClipSync in minutes
Installation
Set up the development environment
Live App
Try ClipSync now
Technical Stack
- Frontend: React 19 with Vite
- Styling: Tailwind CSS
- Backend: Supabase (PostgreSQL + Storage + Real-time)
- State Management: TanStack Query (React Query)
- UI Components: Lucide React icons
- PWA: vite-plugin-pwa with Workbox
- Image Compression: browser-image-compression
Use Cases
- Share code snippets between your development machines
- Transfer files from desktop to mobile quickly
- Sync passwords and credentials securely (with sensitive content masking)
- Share URLs and notes across devices
- Collaborate by sharing clipboard content with team members