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 percent14.3%
30
30
Ratingdown 10.0 percent10.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 snapshots

Tracking since Apr 1, 2026.

44.0436.528.96Apr 1, 2026Jun 9, 2026
View as table
DateUsersRatingReviewsVersion
Apr 1, 2026355.0022.0.0
Apr 17, 2026375.0022.0.0
Apr 22, 2026434.5042.1.0
Apr 27, 2026414.5042.2.1
May 4, 2026374.5042.2.1
May 10, 2026364.5042.2.1
May 21, 2026384.5042.2.1
May 28, 2026354.5042.2.1
Jun 4, 2026364.5042.2.1
Jun 9, 2026314.5042.2.1
Now304.5042.2.1

Changelog

  • Apr 17, 2026
    description
    🚀 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, 2026
    permissions
    activeTab, scripting, storage
    activeTab, tabs, scripting, storage

Permissions & access

Permissions
activeTabtabsscriptingstorage
Host access
None declared

Screenshots

FocusBar screenshot 1FocusBar screenshot 2FocusBar screenshot 3

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

Similar extensions

Alternatives to FocusBar, ranked by description similarity.

Data sourced from the Chrome Web Store · last verified Jun 9, 2026.