Transform your browsing experience with 6 powerful tools in one sleek extension! 🎯
HaRiverse is the most comprehensive web productivity extension that combines essential web tools into a beautiful, intuitive interface. Whether you're a developer, designer, content creator, or power user, HaRiverse has everything you need to boost your productivity.
- 📸 Smart Scroll Capture: Automatically captures entire web pages, even infinite scroll content
- 🎯 Pixel Perfect: High-resolution PNG/JPG output with no quality loss
- ⚡ Lightning Fast: Optimized capture engine with progress tracking
- 💾 Auto Download: Instant download with timestamp-based filenames
- 🔧 Advanced Options: Custom formats, quality settings, and capture areas
- 🎯 Precision Picking: EyeDropper API integration for pixel-perfect color selection
- 🌈 Multi-Format Support: HEX, RGB, HSL, and more color formats
- 📋 One-Click Copy: Instant clipboard copying for all color formats
- 🎨 Color History: Smart palette with recently picked colors
- 🔄 Format Conversion: Real-time conversion between color formats
- 🎪 Fallback Support: Manual color picker for older browsers
- ⚡ Instant Generation: Create QR codes for URLs, text, or current page
- 📐 Multiple Sizes: 128x128, 256x256, 512x512 pixel options
- 💎 High Quality: Crystal clear QR codes with error correction
- 💾 Easy Download: One-click PNG download
- 🔗 Smart Detection: Auto-fills current page URL
- 📱 Mobile Optimized: Perfect for sharing with mobile devices
- 🎯 Universal Compatibility: Works with YouTube, Vimeo, Netflix, and all HTML5 videos
- 🎚️ Precision Control: Speed range from 0.25x to 5.0x with smooth transitions
- ⌨️ Keyboard Shortcuts:
+/-keys for quick speed adjustments - 🎮 Interactive UI: Beautiful slider with preset speed buttons
- 📺 Multi-Video Support: Control single video or all videos on page
- 🔍 Smart Detection: Real-time video discovery and status display
- 🛡️ Advanced Blocking: Removes annoying cookie banners and GDPR popups
- 🎯 Smart Detection: Recognizes 50+ cookie consent platforms
- ⚡ Real-time Blocking: Instant removal as banners appear
- 📊 Statistics Tracking: See how many banners you've blocked
- 🔄 Auto-Enable: Works automatically on all websites
- 🎨 Clean Browsing: Restores natural page scrolling and layout
- 🎨 Dark/Light Mode: Toggle any website between dark and light themes
- 🎯 Smart Filters: Advanced CSS filters for optimal readability
- 💾 Remember Settings: Saves preferences per website
- ⚡ Instant Apply: Real-time theme switching
- 👁️ Eye Comfort: Reduces eye strain during night browsing
- 🎪 Universal Support: Works on any website
🔗 Coming Soon to Chrome Web Store!
# Clone the repository
git clone https://github.com/hariomgupta70427/hariverse.git
# Or download ZIP and extract- 📂 Open Chrome and go to
chrome://extensions/ - 🔧 Enable "Developer mode" (top right toggle)
- 📁 Click "Load unpacked" and select the HaRiverse folder
- 🎉 The HaRiverse icon appears in your toolbar - Ready to use!
Pin the extension to your toolbar for quick access to all features!
1. 🖱️ Click HaRiverse icon → Screenshot tab
2. 📸 Click "Capture Full Page"
3. ⏳ Watch the progress indicator
4. 💾 Auto-download starts when complete
1. 🎨 Click HaRiverse icon → Color Picker tab
2. 🖱️ Click "Pick Color from Page"
3. 🎯 Click any element to pick its color
4. 📋 Copy HEX, RGB, or HSL values instantly
1. 📱 Click HaRiverse icon → QR Generator tab
2. ✍️ Enter text/URL or use current page
3. 📐 Choose size (128px to 512px)
4. 💾 Download high-quality PNG
1. 🎥 Open any video website (YouTube, Netflix, etc.)
2. 🎬 Click HaRiverse icon → Speed Control tab
3. 🎚️ Use slider or preset buttons (0.25x - 5.0x)
4. ⌨️ Use keyboard: + (faster) / - (slower)
1. 🛡️ Click HaRiverse icon → Cookie Blocker tab
2. 🔘 Toggle "Enable Cookie Blocker"
3. 📊 Watch blocked banner statistics
4. 🌐 Enjoy clean browsing experience
1. 🌓 Click HaRiverse icon → Theme Toggle tab
2. 🎨 Choose Dark/Light/Auto mode
3. ⚡ See instant theme changes
4. 💾 Settings saved per website
- ⚡ Manifest V3: Latest Chrome extension standard
- 🎨 Responsive UI: Beautiful interface that works on all screen sizes
- 🔧 Modular Design: Clean, maintainable codebase
- 🚀 Performance Optimized: Minimal memory footprint
- 🛡️ Security First: No external dependencies, privacy-focused
{
"activeTab": "Access current tab only when needed",
"storage": "Save your preferences locally",
"downloads": "Download screenshots and QR codes",
"scripting": "Inject functionality into web pages"
}- ✅ Chrome 88+ (Recommended)
- ✅ Microsoft Edge 88+
- ✅ Brave Browser
- ✅ Opera
- ✅ All Chromium-based browsers
HaRiverse/
├── 📄 manifest.json # Extension configuration
├── 🎨 popup.html # Main UI interface
├── 💅 popup.css # Styling & themes
├── ⚡ popup.js # UI logic & interactions
├── 🔧 content.js # Page interaction scripts
├── 🚀 background.js # Service worker & core logic
├── 🖼️ icons/ # Extension icons (16-128px)
├── 🧪 test-video.html # Development testing page
└── 📚 README.md # This file
// Advanced video detection & control
setVideoSpeed(speed, applyToAll) // Universal speed control
detectVideos() // Smart video discovery
setupKeyboardShortcuts() // Hotkey management// Full-page capture with scroll stitching
captureFullPageScreenshot() // Main capture function
stitchScreenshots() // Image composition
handleRateLimiting() // Chrome API optimization// Advanced color extraction
initEyeDropper() // Native API integration
convertColorFormats() // Multi-format support
manageColorHistory() // Palette management# Test all features with included test page
open test-video.html # Video speed controller testing
# Manual testing checklist:
✅ Screenshot capture on various page types
✅ Color picker accuracy across different elements
✅ QR code generation and download
✅ Video speed control on YouTube/Vimeo
✅ Cookie banner blocking effectiveness
✅ Theme toggle on light/dark websites- ✅ Cross-browser compatibility tested
- ✅ Performance benchmarks passed
- ✅ Memory leak prevention implemented
- ✅ Error handling for edge cases
- ✅ User experience optimized
❌ Videos not detected?
✅ Refresh page after installing extension
✅ Wait for videos to fully load
✅ Some iframe videos blocked by CORS policy
❌ Speed changes not working?
✅ Ensure HTML5 video elements (not Flash)
✅ Click video to make it active target
✅ Some custom players may not support speed control
❌ Keyboard shortcuts not responding?
✅ Click page area (not in input fields)
✅ Check browser console for errors
✅ Ensure extension has proper permissions
❌ Capture fails or incomplete?
✅ Wait for page to fully load
✅ Disable other screenshot extensions
✅ Check if page allows screenshot capture
✅ Try refreshing and capturing again
❌ EyeDropper not working?
✅ Update to Chrome 95+ for native support
✅ Use fallback manual picker
✅ Ensure page permissions granted
MIT License - Free for personal and commercial use
Copyright (c) 2024 HaRiverse
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software.
- 🛡️ No Data Collection: We don't collect or store any personal data
- 🏠 Local Storage Only: All settings saved locally on your device
- 🚫 No Analytics: No tracking, no telemetry, no ads
- 🔐 Secure: All operations happen locally in your browser
⬇️ Download HaRiverse Now ⭐ Star on GitHub 🐛 Report Issues
Made with ❤️ by developers, for developers
HaRiverse - Where productivity meets simplicity ✨
chrome-extension productivity screenshot color-picker qr-generator video-speed cookie-blocker theme-toggle web-tools developer-tools browser-extension javascript manifest-v3 open-source free privacy-focused no-tracking cross-platform responsive-design modern-ui
Categories: Productivity Developer Tools Utilities Web Enhancement Privacy Accessibility