A beautiful, feature-rich browser-based clipboard manager that captures, stores, and organizes your clipboard history without requiring any extensions or backend services.
Clipboard Manager is a modern web application that solves the common problem of losing previously copied text when your clipboard gets overwritten. It automatically captures everything you copy in your browser and provides powerful tools to organize, search, and reuse your clipboard history.
Perfect for developers, writers, researchers, and anyone who frequently copies and pastes text snippets, code, URLs, or notes.
- 📋 Automatic Clipboard History - Captures everything you copy automatically
- 🏷️ Smart Tagging System - Organize clips with custom and auto-generated tags
- 🔍 Advanced Search & Filter - Find clips by content, tags, or date
- 📤 One-Click Re-copy - Copy any stored clip back to clipboard instantly
- 📌 Pin Important Clips - Keep important snippets at the top
- 💾 Persistent Storage - All data stays in your browser (localStorage)
- 🌙 Dark/Light Mode - Beautiful themes with smooth transitions
- 📱 Responsive Design - Works perfectly on desktop and mobile
- 📎 Manual Clip Addition - Add custom notes and snippets
- 🗑️ Smart Cleanup - Auto-delete old clips (24h) with pin protection
- 🔄 Bulk Operations - Select and manage multiple clips at once
- 📊 QR Code Generation - Share clips via QR codes
- 🔗 Share Functionality - Native sharing API support
- 🎨 Modern Animations - Smooth micro-interactions and transitions
- ⚡ Performance Optimized - Fast loading and smooth experience
- 🔒 No Data Leaves Your Browser - Everything stored locally
- 🚫 No Extensions Required - Pure web application
- 🔐 No Backend/Server - Complete client-side solution
- 🧹 Auto-Cleanup - Automatic removal of old content
- Frontend: React 18 + TypeScript
- Styling: Tailwind CSS
- Icons: Lucide React
- Build Tool: Vite
- Storage: Browser localStorage
- APIs: Clipboard API, Web Share API
- Node.js 16+
- npm or yarn
-
Clone the repository
git clone https://github.com/imankii01/clipboard.git cd clipboard -
Install dependencies
npm install
-
Start development server
npm run dev
-
Build for production
npm run build
- Automatic Capture: Simply copy any text (Ctrl+C) and it will appear in your clipboard history
- Manual Addition: Click "Add clip manually" to create custom notes
- Organization: Add tags to categorize your clips
- Search: Use the search bar to find specific clips
- Quick Copy: Click the copy button on any clip to copy it back
- Pin Important: Pin frequently used clips to keep them at the top
- Share: Use QR codes or native sharing to share clips across devices
The app automatically monitors your clipboard using the modern Clipboard API, capturing text you copy from any source while respecting browser security policies.
- Auto-generated tags for captured content
- Custom tags for manual organization
- Filter by single or multiple tags
- Visual tag indicators with color coding
- Real-time search through clip content
- Tag-based filtering
- Sort by date or pinned status
- Instant results with highlighting
- Glass-morphism design with backdrop blur
- Smooth animations and micro-interactions
- Responsive grid layout
- Dark/light mode with system preference detection
- Toast notifications for user feedback
Contributions are welcome! Here's how you can help:
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
- Follow TypeScript best practices
- Use Tailwind CSS for styling
- Maintain responsive design
- Add proper error handling
- Write meaningful commit messages
This project is open source and available under the MIT License.
All credit goes to Ankit Singh (@imankii01) - also known as @bymecofee on social media.
- GitHub: @imankii01
- Twitter: @bymecofee
- Powered by: Snapstay
- 🌐 Live Site: clipboard.snapstay.in
- 📂 Repository: github.com/imankii01/clipboard
- 🐛 Issues: Report bugs or request features
- ✅ Chrome 66+
- ✅ Firefox 63+
- ✅ Safari 13.1+
- ✅ Edge 79+
Note: Clipboard API requires HTTPS in production
- Export/Import clipboard history
- Sync across devices (optional backend)
- Rich text support
- Image clipboard support
- Keyboard shortcuts
- Browser extension version
- Offline PWA support
Made with ❤️ by Ankit Singh | Powered by Snapstay# clipboard