A Chrome extension that helps you quit distracting websites — not by willpower alone, but by changing the moment you reach for them.

Undrift is a site blocker that actually works. Most blockers just throw up a wall and hope for the best. Undrift treats the urge itself. When you try to visit a blocked site during a focus session, you don't just see a "blocked" page — you get intervention tools designed to break the impulse loop: breathing exercises, reflection prompts, motivational messaging, and real-time stats on how you're doing.

You pick your distracting sites (Twitter, YouTube, Reddit, TikTok, etc.), set a focus session duration, and Undrift handles the rest. It tracks your time, counts how many times you resisted the pull, maintains your streaks, and gives you a full analytics dashboard so you can see your progress over days and weeks.

• 🚫 Site blocking during timed focus sessions
• 🧘 Behavioral interventions on the blocked page (breathing exercises, journaling/reflection, motivational prompts)
• ⏱️ Time tracking per site, per day
• 🔥 Streaks and session history
• 💪 Interruption tracking — how many times you tried to visit a blocked site and whether you stayed focused
• ⭐ XP and achievements — level up by staying consistent
• 📊 Analytics dashboard with charts and historical data

Undrift draws heavy inspiration from QUITTR and its approach to habit-breaking. The core idea: blocking alone is not enough. If you just block a site, you white-knuckle through the urge and eventually disable the blocker. That's not recovery, that's a countdown to relapse.

QUITTR treats the problem at the behavioral level — panic buttons for moments of weakness, grounding techniques, reflective exercises that help you understand why you're reaching for the thing in the first place. It shifts the frame from "just don't do it" to "understand the urge and let it pass."

Undrift applies the same thinking to internet distractions. When you hit a blocked page, you're not punished — you're supported. The breathing exercise calms the impulse. The reflection prompt makes you think about what triggered you. The stats remind you how far you've come. The goal is to make the moment of temptation a moment of growth instead of frustration.

• Extension: React 18, TypeScript, Vite, CRXJS (Manifest V3)
• Browser Support: Chrome 88+, Firefox 109+
• Styling: Tailwind CSS v4
• Charts: Recharts

Prerequisites: Node.js (v18+) and npm.

# Clone the repo
git clone https://github.com/Melkeydev/undrift.git
cd undrift/client

# Install dependencies
npm install

npm run build

Then load it into Chrome:

1. Open chrome://extensions/
2. Enable Developer mode (top-right toggle)
3. Click Load unpacked
4. Select the client/dist folder

npm run build:firefox

Then load it into Firefox:

1. Open about:debugging
2. Click This Firefox in the sidebar
3. Click Load Temporary Add-on...
4. Navigate to client/dist/ and select manifest.json

For development with hot reload:

# Chrome
npm run dev

# Firefox
npm run dev:firefox

Then load the client/dist folder the same way. Vite + CRXJS will handle hot module replacement.

This project is licensed under the MIT License.