A sleek and efficient Chrome extension that helps you block distracting websites and stay focused. With TabGuard, you can easily manage your blocked sites list and prevent access to time-wasting websites.
- 🛡️ Easy Blocking: Add websites to your block list with one click
- 🗑️ Simple Removal: Remove sites from your block list when needed
- 🎨 Modern UI: Clean, interface with smooth animations
- ⚡ Instant Blocking: Sites are blocked immediately after adding
- 🔄 Sync Support: Block lists persist across browser sessions
- Clone this repository or download the ZIP file
- Open Chrome and navigate to
chrome://extensions/ - Enable "Developer mode" (toggle in top right corner)
- Click "Load unpacked" and select the extension folder
- Click the TabGuard extension icon in your toolbar
- Add websites by entering their URLs in the input field
- Remove websites by clicking the "Remove" button next to any entry
- Blocked sites will show an error page when accessed
The TabGuard control center with blocked sites list
TabGuard uses Chrome's declarativeNetRequest API to block websites at the network level. This approach:
- Works without requiring permission to read your browsing data
- Is more efficient than content script-based blocking
- Provides immediate blocking without page reloads
background.js- Extension service worker and blocking logicoptions.js- Options page functionalityoptions.html- Options page markupoptions.css- Styling for the options pageicons/- Extension icons in various sizes
MIT License - See LICENSE for details.