Transform your browser chaos into organized productivity with the ultimate tab management solution!
Report Bug
·
Request Feature
A powerful Chrome extension that helps you organize, manage, and share your tab groups with ease. Never lose track of your browsing sessions again!
- Create & Edit Groups: Organize your tabs into custom-named groups with color coding
- Real-time Sync: Automatically syncs with Chrome's native tab groups
- Quick Actions: Add current tab to existing groups, duplicate entire groups, or ungroup tabs instantly
- Color-coded Groups: Assign colors to groups for easy visual identification
- Expandable View: Click to expand/collapse groups and see all tabs within
- Clean Interface: Modern, Material Design-inspired UI that's easy on the eyes
- Multiple Export Formats: Share groups as Markdown links or structured JSON
- Copy to Clipboard: One-click copying for instant sharing
- Download Files: Save your tab collections as files for backup or sharing
- Import from Multiple Sources: Restore tab groups from JSON or Markdown format
- Bulk Import: Import multiple groups at once
- Smart Parsing: Automatically detects and handles different import formats
- Keyboard Shortcuts: Use Ctrl+Enter to save, Esc to cancel in dialogs
- Duplicate Groups: Instantly duplicate entire tab groups for different projects
- Add Current Tab: Quickly add your active tab to any existing group
- Live Updates: Extension automatically refreshes when you make changes in browser
- ✅ Researchers organizing multiple sources and references
- ✅ Developers managing different project tabs and documentation
- ✅ Students keeping track of study materials across subjects
- ✅ Professionals organizing work-related browsing sessions
- ✅ Anyone who wants to tame their tab chaos
- React 19 with TypeScript for the UI
- Vite for fast development and building
- TailwindCSS for styling with Material Design principles
- Lucide React for consistent iconography
- Chrome Extensions API for tab management
- Node.js 18+ and npm
- Google Chrome browser
-
Clone the repository
git clone https://github.com/JNikolo/extension-tabs.git cd extension-tabs -
Install dependencies
npm install
-
Start development server
npm run dev
-
Build for production
npm run build
-
Load extension in Chrome
- Open Chrome and navigate to
chrome://extensions/ - Enable "Developer mode" in the top right
- Click "Load unpacked" and select the
distfolder - The extension icon should appear in your toolbar
- Open Chrome and navigate to
npm run dev- Start development server with hot reloadnpm run build- Build for productionnpm run lint- Run ESLint for code qualitynpm run preview- Preview the production build
src/
├── components/ # React components
│ ├── groups/ # Tab group related components
│ ├── import/ # Import functionality components
│ ├── layout/ # Layout components
│ ├── modals/ # Modal wrapper components
│ ├── share/ # Sharing functionality
│ ├── tabs/ # Individual tab components
│ └── ui/ # Reusable UI components
├── hooks/ # Custom React hooks
├── services/ # Business logic and API services
└── utils/ # Utility functions
🙋 We’d love your help! Whether it’s coding, testing, design, or ideas — check out our Contributing Guide and open your first PR!
- Local Processing: All operations happen locally in your browser
- No Data Collection: We don't track, store, or send your browsing data anywhere
- Minimal Permissions: Only requests necessary permissions for tab management
This project is licensed under the MIT License - see the LICENSE file for details.
- Thanks to the Chrome Extensions team for the robust APIs
- Inspired by the need for better tab organization and quick share with my buddies
- Built with modern web technologies and best practices
- 🐛 Bug Reports: GitHub Issues
- 💡 Feature Requests: GitHub Discussions
- 📧 Email: Contact us
Download now and take control of your browsing experience!
Compatible with Chrome's native tab groups. Works seamlessly with your existing browser workflow.