Because life's too short to watch 2-hour tutorials at 1x speed โก
A powerful Chrome extension that transforms your YouTube watching experience with advanced time management, intelligent speed controls, and a sleek, customizable interface. Say goodbye to video time anxiety and hello to productivity! โจ
Ever wondered "When will this video actually end?" or "How long until I finish this playlist?" YouTube Time Manager answers these questions and more with style. It's your personal YouTube assistant that helps you:
- ๐ Track Time Like a Pro: See exactly when your video, chapter, or entire playlist will finish
- โก Speed Control Mastery: One-click speed changes with beautiful interactive rows
- ๐ฏ Custom Targets: Set specific finish times or durations - "I need to be done by 3 PM!"
- โ Ad Break Entertainment: Enjoy a relaxing coffee animation while ads play (because ads fund free content!)
- ๐จ Personalize Everything: Toggle cards, choose themes, customize your dashboard
Think of it as a fitness tracker for your YouTube habits, but way more stylish.
A gorgeous, animated flip clock showing real-time countdown. Watching it update is oddly satisfying (we won't judge if you just stare at it for a minute).
- Video Section: Remaining time, finish time, progress bar
- Chapter Section: Smart chapter detection with per-chapter tracking
- Playlist Section: Total playlist time, videos remaining, overall progress
- Interactive Speed Rows: Click any speed (1x - 2x) to instantly apply it
- Hover Effects: Buttery-smooth animations that feel premium
- Active Highlighting: Always know your current speed
- Quick Controls: ยฑ buttons in header for rapid adjustments
Want to finish by 3 PM? Need to watch 45 minutes of content? Set custom targets for:
- Target Duration: "I have exactly 30 minutes"
- Target Finish Time: "I need to be done by 2:30 PM"
- Auto-calculations: Instantly see required playback speed
Because ads are inevitable, we made them entertaining:
- Animated coffee cup that fills and empties
- Rotating humorous messages ("Perfect time for a stretch! ๐ง")
- Smooth card transitions
- Your time tracking pauses during ads
Settings Panel with organized sections:
- Time Format: 12h or 24h display
- Appearance: Glassmorphism (default) or Solid YouTube Black
- Display Options: Toggle individual cards on/off
- Compact Mode: Auto-collapses when all cards hidden
- Smart Chapter Detection: Multiple detection methods for maximum reliability
- Playlist Intelligence: Tracks current position, calculates remaining time
- Auto-Updates: Real-time updates every 100ms
- Navigation Handling: Survives YouTube's SPA navigation
- Visit the Chrome Web Store
- Click "Add to Chrome"
- Profit! ๐
# Clone the repository
git clone https://github.com/yourusername/youtube-time-manager.git
# Open Chrome and go to chrome://extensions/
# Enable "Developer mode" (top right)
# Click "Load unpacked"
# Select the extension folder-
Go to any YouTube video
- The extension automatically injects a beautiful dashboard below the video
-
Watch the magic happen
- Flip clock shows current time
- Video section displays remaining time and finish time
- If the video has chapters, you'll see chapter tracking too
- In a playlist? Playlist section appears automatically!
-
Change speed like a boss
- Click any speed row in the details panel
- Or use the ยฑ buttons in the header
- Speed updates instantly, UI updates automatically
Want to finish by a specific time?
1. Open any section's details panel
2. Enter your target finish time (e.g., "3:30 PM")
3. See the required speed instantly
4. Click that speed row to apply it
Binge-watching a playlist?
1. Open playlist section
2. Set target video (e.g., watch first 10 videos)
3. See total time remaining
4. Adjust speed to fit your schedule
Minimalist mode?
1. Click settings gear icon
2. Toggle off unwanted cards
3. Enjoy a clean, compact interface
Light mode YouTube user?
1. Open settings
2. Enable "Solid Background"
3. Get perfect contrast with YouTube's light theme
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โ 1.5x [Clock: 02:45:30] โ๏ธ โ โ Header
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ ๏ฟฝ Video โโโโ โ โ Video card
โ Remaining: 15:30 | Finish: 3:15 PM โ
โ [Interactive speed rows: 1x-2x] โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ ๏ฟฝ Chapter โโโโ โ โ Chapter card
โ Chapter 3 of 8: Introduction โ
โ [Speed options with hover effects] โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโค
โ ๐ฌ Playlist โโโโ โ โ Playlist card
โ Video 5/20 | 2h 15m remaining โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
โ โ โ
โ [Coffee cup animation] โ
โ โ
โ Ad Break โ
โ "Grabbing some popcorn ๐ฟ" โ
โ Your time tracking will resume shortly โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
- 12-Hour: 3:45 PM (for humans)
- 24-Hour: 15:45 (for developers)
- Glassmorphism โจ: Semi-transparent with blur (default, looks magical)
- Solid Background ๐จ: YouTube black (#0f0f0f, perfect for light mode)
- Show Video Card: Toggle video section on/off
- Show Chapter Card: Hide chapters if you don't care
- Show Playlist Card: Remove playlist tracking
When all cards are hidden:
- Container shrinks to header-only
- No wasted space
- Settings still fully functional
- Pure JavaScript - No frameworks, just raw power
- Modern CSS - Glassmorphism, animations, gradients
- Chrome Extension API - Storage, scripting, content scripts
Extension
โโโ manifest.json # Extension config
โโโ content.js # Core logic (1800+ lines of goodness)
โโโ styles.css # Beautiful styling
โโโ overlay.html # UI structure
โโโ icons/ # Pretty icons
- Mutation Observer: Detects YouTube's navigation
- Debouncing: Prevents excessive updates
- State Management: Chrome storage for settings
- Error Handling: Comprehensive error recovery
- Performance: 100ms update cycle, 60fps animations
- โ Chrome/Chromium (fully supported)
- โ Edge (works great)
- โ Brave (tested)
โ ๏ธ Firefox (use as-is, may need tweaks)
- YouTube Changes Layout: YouTube updates their site often. We adapt, but there might be 24h where things look wonky.
- Livestreams: Time estimation on live content is... creative. We're working on it!
- Ad Blocker Conflicts: If you block ads, the ad card won't show. That's... expected?
- Chapter detection depends on YouTube's page structure
- Playlist calculations assume linear watching
- Time estimates don't account for buffering (we're not psychic)
Found a bug? Report it here with:
- What happened
- What you expected
- Screenshots (bonus points!)
- Your browser version
We love contributions! Here's how:
- Fork the repository
- Create a feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
- ๐ Internationalization (i18n)
- ๐จ More themes
- ๐ Watch history analytics
- โจ๏ธ Keyboard shortcuts
- ๐ฎ More speed presets
- ๐ฑ Mobile optimization (for Kiwi Browser)
This project is licensed under the MIT License - see the LICENSE file for details.
TL;DR: Do whatever you want with it, just don't sue us. โค๏ธ
- YouTube: For building a platform that needs extensions like this
- Coffee: For fueling late-night coding sessions
- You: For using this extension and making it worthwhile
If this extension saved you time (literally), consider:
- โญ Starring this repository
- ๐ฌ Leaving a review on Chrome Web Store
- ๐ Reporting bugs you find
- ๐ก Suggesting features you'd love
- โ Buying me a coffee (coming soon!)
- ๐ Website: [Coming Soon]
- ๐ง Email: [your-email@example.com]
- ๐ป GitHub: @yourusername
- ๐ฆ Twitter: @yourusername
- This extension has 1800+ lines of JavaScript love
- The flip clock animation took 3 hours to perfect
- Coffee cup animation: 47 lines of CSS, 100% organic
- The settings panel has 5 sections of pure customization
- Ad messages rotate every 3 seconds (there are 7 of them)
- Total development time: Too many coffees to count โ
- โจ Complete redesign with modern UI
- โก Interactive speed rows with click functionality
- โ Ad break card with coffee animation
- ๐จ Theme toggle and card visibility settings
- ๐ฆ Compact mode for minimalists
- ๐๏ธ Initial release
- โฑ๏ธ Basic time tracking
- ๐ฏ Speed controls
Made with โค๏ธ, โ, and way too many YouTube tutorials