FocusBar
Adds a static color bar overlay that highlights elements of a page as you scroll.
As of June 2026, FocusBar has 30 users and a 4.50/5 rating from 4 reviews in the Productivity category.
Usersdown 14.3 percent−14.3%
30
30
Ratingdown 10.0 percent−10.0%
4.50
4 reviews
Reviewsup 100.0 percent+100.0%
4
Version
2.2.1
Manifest V3
90-day change · In the last 90 days this extension 2 version updates, changed permissions.
History
10 snapshotsTracking since Apr 1, 2026.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| Apr 1, 2026 | 35 | 5.00 | 2 | 2.0.0 |
| Apr 17, 2026 | 37 | 5.00 | 2 | 2.0.0 |
| Apr 22, 2026 | 43 | 4.50 | 4 | 2.1.0 |
| Apr 27, 2026 | 41 | 4.50 | 4 | 2.2.1 |
| May 4, 2026 | 37 | 4.50 | 4 | 2.2.1 |
| May 10, 2026 | 36 | 4.50 | 4 | 2.2.1 |
| May 21, 2026 | 38 | 4.50 | 4 | 2.2.1 |
| May 28, 2026 | 35 | 4.50 | 4 | 2.2.1 |
| Jun 4, 2026 | 36 | 4.50 | 4 | 2.2.1 |
| Jun 9, 2026 | 31 | 4.50 | 4 | 2.2.1 |
| Now | 30 | 4.50 | 4 | 2.2.1 |
Changelog
- Apr 17, 2026description
🚀 ELEVATE YOUR READING EXPERIENCE WITH FOCUSBAR FocusBar is a premium, modern Chrome extension designed to help you maintain deep focus. By highlighting your current line or paragraph and elegantly dimming the rest of the page, FocusBar eliminates distractions and reduces eye strain. Whether you are proofreading code, studying long-form articles, or navigating dense spreadsheets, FocusBar provides a customizable "glassmorphic" overlay that moves with you. 🌟 KEY FEATURES (v2.0) • FOCUS MODE & SLIT MODE: Dim the entire page to highlight only the bar area. Toggle "Slit Mode" to invert the colors, creating a physical-style reading ruler on your screen. • HARDWARE-SYNCED AUTO-SCROLL: Experience buttery-smooth, hardware-accelerated scrolling. Using requestAnimationFrame, FocusBar matches your monitor's exact refresh rate for a jitter-free experience. • PROFILE PRESETS: Instantly swap between 3 saved configuration profiles (Color, Dimness, Speed) without reloading the page. • SHADOW DOM ISOLATION: Our UI is securely injected into its own Shadow DOM. This ensures the toolbar never conflicts with a website's CSS—it looks perfect on every site. • DRAGGABLE & RESIZABLE: Simply click and drag to move the bar or grab the bottom edge to adjust the height to fit your reading style. 🛠 GRANULAR CUSTOMIZATION • COLOR: Full HEX and Opacity control for your focus area. • SCROLL SPEED: Continuous multiplier sliders ranging from 0.10x to 5.0x. • DIM LEVEL: Adjust exactly how dark the background becomes in Focus Mode. • GLOBAL SYNC: Your settings are saved via chrome.storage.sync, moving with you across any device where you’re signed into Chrome. • CUSTOM SHORTCUTS: Fully compatible with Chrome’s native shortcut management (Default: Alt+Shift+F). 📖 HOW TO USE 1. ACTIVATE: Click the extension icon or press Alt+Shift+F. 2. MOVE: Click and drag anywhere on the bar to position it. 3. RESIZE: Click and drag the bottom edge to change the focus height. 4. CUSTOMIZE: Hover over the bar to reveal the Glassmorphic FAB (Floating Action Button). Expand it to access all settings and profile slots. 🔄 VERSION HISTORY v2.0.0: Complete Architecture Rewrite. • Migrated to Vite/ES Modules. • Implemented Shadow DOM isolation. • Added Reading Slit Mode and Preset Profile Slots. • Rebuilt the auto-scroll engine for subpixel hardware-synced rendering. v1.3.2: Fixed auto-scroll "stuck" detection. v1.3.0: Added Focus Dim Level slider (0.1 - 1.0) and UI improvements. 🔒 PRIVACY & SECURITY FocusBar runs entirely on your device. We do not collect, store, or transmit any personal data. Your settings are synced securely using your own Google account's built-in storage.
🚀 ELEVATE YOUR READING EXPERIENCE WITH FOCUSBAR FocusBar is a premium, modern Chrome extension designed to help you maintain deep focus. By highlighting your current line or paragraph and elegantly dimming the rest of the page, FocusBar eliminates distractions and reduces eye strain. Whether you are proofreading code, studying long-form articles, or navigating dense spreadsheets, FocusBar provides a customizable "glassmorphic" overlay that moves with you. 🌟 KEY FEATURES (v2.1.0) • PER-SITE POSITION MEMORY: New! FocusBar now automatically remembers your last position and height for every domain. Return to any article or documentation page and pick up exactly where you left off. • FOCUS MODE & SLIT MODE: Dim the entire page to highlight only the bar area. Toggle "Slit Mode" to invert the colors, creating a physical-style reading ruler on your screen. • SCREENSHOT & FILE EXPORT: Capture focused areas instantly. Standard click copies to clipboard; Shift+Click triggers an automatic hardware-accelerated download of the capture as a PNG file. • HARDWARE-SYNCED AUTO-SCROLL: Experience buttery-smooth, hardware-accelerated scrolling. Using requestAnimationFrame, FocusBar matches your monitor's exact refresh rate for a jitter-free experience. • PROFILE PRESETS & RENAMING: Instantly swap between 3 saved configuration profiles. New: Click any profile label to rename it inline and stay organized. • SHADOW DOM ISOLATION: Our UI is securely injected into its own Shadow DOM. This ensures the toolbar never conflicts with a website's CSS—it looks perfect on every site. 🛠 GRANULAR CUSTOMIZATION • DUAL-EDGE RESIZING: Flexibly adjust your focus height by dragging either the top or bottom edge of the bar. • COLOR: Full HEX and Opacity control for your focus area. • SCROLL SPEED: Quadratic multiplier scaling with clickable numeric input override (0.10x to 5.0x). High-precision math flawlessly renders extremely slow reading speeds natively. • PREMIUM UX POLISH: Custom, high-contrast tooltips that never get clipped at screen edges and a new "hover-settle" delay that prevents accidental menu collapse during navigation. 📖 HOW TO USE 1. ACTIVATE: Click the extension icon or press Alt+Shift+F. 2. MOVE: Click and drag anywhere on the bar to position it. 3. RESIZE: Click and drag the top or bottom edge to change the focus height. 4. CUSTOMIZE: Hover over the bar to reveal the Glassmorphic FAB. Expand it to access all settings. 5. PROFILES: Click a slot to switch. Click the text label to rename your profile. 🔄 VERSION HISTORY v2.1.0: The "Power User" Update • Added Per-Site Memory for position/height persistence per domain. • Implemented Shift+Click for direct Screenshot-to-File export. • Added Top-Edge resizing handle. • Overhauled tooltips and hover logic for a premium, flicker-free experience. • Added inline profile renaming. v2.0.2: Smooth Sub-Pixel Scrolling • Bypassed OS-level fractional pixel limits to allow flawless auto-scrolling at incredibly slow speeds (0.10x). v2.0.1: Improved Slider Sensitivity • Quadratic scaling curve for auto-scroll speed and live numeric speed display. v2.0.0: Complete Architecture Rewrite • Migrated to Vite/ES Modules, Shadow DOM isolation, and Reading Slit Mode. 🔒 PRIVACY & SECURITY FocusBar runs entirely on your device. We do not collect, store, or transmit any personal data. Your settings are synced securely using your own Google account's built-in storage.
- Apr 17, 2026permissions
activeTab, scripting, storage
activeTab, tabs, scripting, storage
Permissions & access
- Permissions
- activeTabtabsscriptingstorage
- Host access
- None declared
Screenshots
About
🚀 ELEVATE YOUR READING EXPERIENCE WITH FOCUSBAR FocusBar is a premium, modern Chrome extension designed to help you maintain deep focus. By highlighting your current line or paragraph and elegantly dimming the rest of the page, FocusBar eliminates distractions and reduces eye strain. Whether you are proofreading code, studying long-form articles, or navigating dense spreadsheets, FocusBar provides a customizable "glassmorphic" overlay that moves with you. 🌟 KEY FEATURES (v2.1.0) • PER-SITE POSITION MEMORY: New! FocusBar now automatically remembers your last position and height for every domain. Return to any article or documentation page and pick up exactly where you left off. • FOCUS MODE & SLIT MODE: Dim the entire page to highlight only the bar area. Toggle "Slit Mode" to invert the colors, creating a physical-style reading ruler on your screen. • SCREENSHOT & FILE EXPORT: Capture focused areas instantly. Standard click copies to clipboard; Shift+Click triggers an automatic hardware-accelerated download of the capture as a PNG file. • HARDWARE-SYNCED AUTO-SCROLL: Experience buttery-smooth, hardware-accelerated scrolling. Using requestAnimationFrame, FocusBar matches your monitor's exact refresh rate for a jitter-free experience. • PROFILE PRESETS & RENAMING: Instantly swap between 3 saved configuration profiles. New: Click any profile label to rename it inline and stay organized. • SHADOW DOM ISOLATION: Our UI is securely injected into its own Shadow DOM. This ensures the toolbar never conflicts with a website's CSS—it looks perfect on every site. 🛠 GRANULAR CUSTOMIZATION • DUAL-EDGE RESIZING: Flexibly adjust your focus height by dragging either the top or bottom edge of the bar. • COLOR: Full HEX and Opacity control for your focus area. • SCROLL SPEED: Quadratic multiplier scaling with clickable numeric input override (0.10x to 5.0x). High-precision math flawlessly renders extremely slow reading speeds natively. • PREMIUM UX POLISH: Custom, high-contrast tooltips that never get clipped at screen edges and a new "hover-settle" delay that prevents accidental menu collapse during navigation. 📖 HOW TO USE 1. ACTIVATE: Click the extension icon or press Alt+Shift+F. 2. MOVE: Click and drag anywhere on the bar to position it. 3. RESIZE: Click and drag the top or bottom edge to change the focus height. 4. CUSTOMIZE: Hover over the bar to reveal the Glassmorphic FAB. Expand it to access all settings. 5. PROFILES: Click a slot to switch. Click the text label to rename your profile. 🔄 VERSION HISTORY v2.1.0: The "Power User" Update • Added Per-Site Memory for position/height persistence per domain. • Implemented Shift+Click for direct Screenshot-to-File export. • Added Top-Edge resizing handle. • Overhauled tooltips and hover logic for a premium, flicker-free experience. • Added inline profile renaming. v2.0.2: Smooth Sub-Pixel Scrolling • Bypassed OS-level fractional pixel limits to allow flawless auto-scrolling at incredibly slow speeds (0.10x). v2.0.1: Improved Slider Sensitivity • Quadratic scaling curve for auto-scroll speed and live numeric speed display. v2.0.0: Complete Architecture Rewrite • Migrated to Vite/ES Modules, Shadow DOM isolation, and Reading Slit Mode. 🔒 PRIVACY & SECURITY FocusBar runs entirely on your device. We do not collect, store, or transmit any personal data. Your settings are synced securely using your own Google account's built-in storage.
Technical
- Version
- 2.2.1
- Manifest
- V3
- Size
- 39.59KiB
- Min Chrome
- 88
- Languages
- 2
- Featured
- No
Metadata
- ID
- gionniolflkjaefibllhfkifmbbjfcan
- Developer ID
- u6d46cfb001483fbb9c48278fdb60e2b2
- Developer Email
- [email protected]
- Created
- Jan 28, 2025
- Last Updated (Store)
- Apr 17, 2026
- Last Scraped
- Jun 9, 2026
- Website
- —
- Support URL
- —
- Privacy Policy
- https://robmata.com/focusbar-privacy.html
Similar extensions
Alternatives to FocusBar, ranked by description similarity.
Focus Flow Gray
Ẩn scrollbar và chuyển trang sang chế độ grayscale để tập trung tốt hơn khi đọc
—
YouTube Ad Skipper: Focus & Dark Mode
YouTube Ad Skipper: Focus & Dark Mode
27
★ 4.2
Focus Reader
Enhance reading speed and focus with Bionic Reading. Supports all languages including English, Myanmar, Chinese, Japanese & more.
53
FocusFlow - ADHD Friendly Page Formatter
A Chrome extension to improve readability and focus for users with ADHD and reading difficulties.
33
★ 5.0
Focus Reading
Return to the essence of reading, make attention more valuable
19
★ 1.0
Scroll Keeper — Never Lose Your Place
Premium scroll resume, progress tracking & smart restore.
3
Focus Mode
Hides tabs, address bar and bookmarks for a total focus mode.
405
★ 4.3
Focus Reader - Clean Reading Mode
Transform any article into a clean, distraction-free reading experience. Remove ads and clutter with beautiful dark mode support.
1.0K
★ 3.0
Data sourced from the Chrome Web Store · last verified Jun 9, 2026.