Highlight Extension

About

🔦 Highlight Extension — Zoom, Spotlight, Text Marker & Element Focus Tool
The ultimate professional highlighting toolkit for Chrome. Whether you're presenting, teaching, doing research, or reviewing web content — Highlight Extension gives you powerful, beautiful tools to focus attention exactly where it needs to be.

✨ WHAT IS HIGHLIGHT EXTENSION?
Highlight Extension is a professional-grade Chrome browser extension that adds four powerful interaction modes to every webpage you visit. Zoom into any element, draw glowing area highlights, spotlight your cursor with a blur effect, and permanently mark text with color — all without leaving your browser.
Perfect for teachers, content creators, developers, UX reviewers, online presenters, researchers, and anyone who works heavily in the browser.

🚀 CORE FEATURES
1. 🔍 Element Zoom (Double-Click)
Instantly zoom into any element on a webpage with a smooth, elegant animation. Simply double-click any DOM element — image, button, card, text block — and it smoothly elevates and scales into focus. Double-click again to zoom back out. Great for presentations, screencasts, and live demos.

2. 🖌️ Area Highlighter (Click & Drag)
Draw glowing rectangular highlights anywhere on a webpage by clicking and dragging. Highlights appear with a beautiful spring animation and a subtle inner glow. Customize the highlight color using the built-in color picker. Set corner radius from sharp squares to fully rounded pill shapes. Add an outset gradient border in any color with adjustable size. Highlights stay on screen as persistent visual markers — perfect for walkthroughs, presentations, and tutorials.

3. 🔦 Spotlight Mode (Cursor Follow)
Activate spotlight mode to follow your cursor with a darkened radial overlay, keeping attention focused on what you're pointing at. Everything around the spotlight is blurred and dimmed — making it perfect for live presentations, screen recordings, and guided tours of a webpage. Fully customizable: adjust spotlight radius and blur intensity with simple sliders.

4. 🖊️ Text Highlighter (Click & Drag on Text)
Select and permanently highlight any text on any webpage, just like a real highlighter pen. Choose from multiple highlight styles — solid, gradient, or underline. Pick any highlight color. Highlights persist as you scroll. Remove highlights with a single click, or clear all at once with the "Clear All" button. Ideal for research, reading, note-taking, and content review workflows.

🎨 CUSTOMIZATION OPTIONS
Every feature in Highlight Extension is fully customizable through a clean, easy-to-use popup panel:

Highlight Color — Full color picker for area highlights
Corner Radius — 0px to 30px slider for highlight shape
Outset Gradient Color — Glowing border color for highlights
Outset Size — Control the width of the outer glow (0–12px)
Spotlight Radius — Adjust the focus circle size
Blur Intensity — Set background blur for spotlight mode (0–20px)
Text Highlight Color — Choose any color for selected text
Text Highlight Style — Solid fill, gradient, or underline
Toggle Each Feature On/Off — Enable only the tools you need

All settings are saved automatically and sync across sessions.

🎯 WHO IS THIS FOR?

Teachers & Educators
Use the spotlight and zoom tools to guide student attention during online lessons and screen shares. Highlight important text in real-time.

Content Creators & YouTubers
Make your screen recordings more professional by zooming in on key elements and using area highlights to draw viewer attention.

UX Designers & Developers
Quickly highlight and annotate UI elements during design reviews, client walkthroughs, and usability testing sessions.

Researchers & Students
Permanently highlight important passages and text while reading articles, research papers, and online documentation.

Presenters & Business Professionals
Use spotlight mode during live demos and webinars to keep your audience focused on exactly what you're showing.

Customer Support & Trainers
Walk clients through web interfaces with visual markers, zooms, and spotlight effects that make guidance crystal clear.

⚡ KEYBOARD SHORTCUTS & ACTIVATION

Double-click any element → Zoom in/out
Click & drag on page → Draw area highlight (when area highlighter is ON)
Click & drag on text → Mark text with highlight color (when text highlighter is ON)
Right-click on element → Toggle element marker
All features can be toggled on/off from the popup


🔒 PRIVACY & PERMISSIONS
Highlight Extension requires minimal permissions:

activeTab — To apply effects to the current webpage
storage — To save your settings and preferences
alarms — For license verification scheduling

No data is collected. No browsing history is tracked. No content is sent to external servers. Your highlights and settings stay entirely on your device.

💼 PRO LICENSE
Highlight Extension is a professional tool available with a one-time license purchase. A valid license key unlocks all features. Purchase your license at the Highlight Extension store page and activate it directly from the extension popup using your license key.
License benefits:

Full access to all 4 highlight modes
All customization controls unlocked
Lifetime access with one-time purchase
Works across all devices linked to your license


🛠️ HOW TO INSTALL

Click "Add to Chrome" on this page
The extension icon will appear in your browser toolbar
Click the icon to open the settings popup
Enter your license key to activate
Start highlighting immediately!


💡 USE CASES & SCENARIOS
Online Teaching: Share your screen during a Zoom class and use spotlight mode to guide students through a complex webpage, zooming in on key elements as you explain them.

Product Demos: During a sales demo, use area highlights and zoom to draw attention to your product's features without cluttering the page with annotations.
Code Reviews: Highlight specific any website, zoom into particular lines, and use text markers to annotate important sections.
Research Workflows: Read an online article and use the text highlighter to mark key findings. Use different colors to categorize information as you go.

Video Tutorials: Record your screen while using spotlight mode and zoom to create professional, visually clear tutorial videos without any external tools.
Bug Reporting: Use area highlights and element zoom to clearly indicate UI issues in bug reports or Loom recordings.

🔄 VERSION HISTORY
v2.3 — Latest

Full professional license system with Gumroad integration
All 4 features now available with license key
Improved popup UI with license management panel
Periodic license validation for security

v2.2

Added text highlighter with solid, gradient, and underline styles
Added outset gradient glow for area highlights
Improved spotlight blur controls

v2.1

Spotlight mode introduced
Corner radius customization added
Settings now sync across sessions