✨ AI Text Enhancer Pro

AI Text Enhancer Pro is a Chrome Manifest V3 extension that enhances, rewrites, translates, summarizes, and generates text directly inside editable fields on the web.

It adds a floating mode selector and Enhance button near the active text field, supports a keyboard shortcut, and uses Google Gemini as the primary AI provider with OpenRouter as an optional fallback.

🔑 First-time setup: This extension requires your own AI API key.

Create a Gemini API key here:

https://aistudio.google.com/apikey

OpenRouter can optionally be configured as a fallback:

https://openrouter.ai/keys

After installing the extension, open the extension popup, paste your API key, and click Save Keys.

✨ Highlights

Works with standard inputs, textareas, contenteditable editors, React-based editors, and ProseMirror-style editors.
Floating draggable toolbar with 17 AI text modes.
Mode-specific animated loading borders around the active editor while a request is running.
Separate compact Generating... status loader.
Gemini primary provider with automatic OpenRouter fallback.
Ctrl + Shift + E shortcut on Windows/Linux.
Command + Shift + E shortcut on macOS.
Right-click Enhance with AI context-menu action for selected text.
API keys are entered through the extension popup and stored in Chrome extension storage instead of being hardcoded in the source.
Manual compatibility testing has covered ChatGPT, Gmail, Facebook comments/posts, Messenger, Gemini, Meta AI, and NotebookLM.

🧠 Text Modes

Mode	Purpose
Grammar & Spelling	Correct grammar and spelling while preserving meaning
Nepali Formal	Rewrite text in formal Nepali using Devanagari
Professional	Rewrite in a polished business tone
Creative	Produce more vivid and expressive writing
Image Prompt	Expand an idea into a detailed AI image prompt
Video Prompt	Expand an idea into a detailed AI video prompt
Email	Turn input into a complete professional email
Shorten	Make text concise while retaining key information
Expand	Add useful detail, explanation, and context
Simplify	Rewrite using clearer and easier language
Marketing	Produce persuasive marketing copy
Question	Convert a statement into a natural question
Summary	Condense text into its key points
English → Nepali	Translate English into natural Nepali
Nepali → English	Translate Nepali into natural English
ELI5	Explain a concept in very simple language
General Enhancement	Improve grammar, clarity, readability, and professionalism

Each mode also maps to its own visual loading style, such as Flow, Aurora, Neon, Sweep, Travel, or Quantum.

⚙️ How It Works

Click or focus an editable text field on a supported webpage.
The extension displays a floating toolbar near the active editor.
Choose a mode.
Click Enhance or press the keyboard shortcut.
A mode-specific animated border appears around the active editor while the AI request is processed.
The generated result replaces the original text in the editor.
If the primary Gemini request fails and an OpenRouter key is available, the extension automatically attempts OpenRouter.

🚀 Installation

This project is currently intended for local/unpacked Chrome installation.

Step 1 — Download the Project

Download or clone this repository.

If you download it as a ZIP file:

Download the ZIP.
Extract the ZIP file.
Open the extracted project folder.
Make sure manifest.json is inside the folder.

Step 2 — Open Chrome Extensions

Open Chrome and go to:

chrome://extensions

Then:

Enable Developer mode.
Click Load unpacked.
Select the project folder containing manifest.json.
AI Text Enhancer Pro should appear in the extensions list.
Pin the extension from the Extensions menu if desired.

After changing source files during development, click Reload on the extension card and refresh any already-open test pages.

🔑 API Setup

AI Text Enhancer Pro requires at least one AI provider API key.

The recommended setup is Google Gemini.

OpenRouter can optionally be configured as a fallback provider.

🟦 Google Gemini API Key

Gemini is used as the primary AI provider.

Get your Gemini API key here

https://aistudio.google.com/apikey

Setup Steps

Open:

https://aistudio.google.com/apikey
Sign in with your Google account.
Create a Gemini API key.
Copy the generated API key.
Open the AI Text Enhancer Pro extension popup.
Find:

Gemini API Key
Paste your personal Gemini API key into the field.
Click:

💾 Save Keys

The extension can now use Gemini for AI text enhancement.

🟠 OpenRouter API Key

OpenRouter can be configured as an optional fallback provider.

Get your OpenRouter API key here

https://openrouter.ai/keys

Setup Steps

Open:

https://openrouter.ai/keys
Sign in or create an OpenRouter account.
Create an API key.
Copy the generated API key.
Open the AI Text Enhancer Pro extension popup.
Find:

OpenRouter API Key (fallback)
Paste the key.
Click:

💾 Save Keys

If Gemini fails and a valid OpenRouter key is configured, the extension can automatically attempt the request using OpenRouter.

✅ Which API Key Should I Use?

For the simplest setup, use Gemini only.

Create your Gemini API key here:

https://aistudio.google.com/apikey

Then:

Open AI Text Enhancer Pro.
Paste the key into Gemini API Key.
Click Save Keys.
Start using the extension.

You do not need an OpenRouter key unless you want a fallback provider.

⚡ Quick Setup

1. Download AI Text Enhancer Pro

↓

2. Open chrome://extensions

↓

3. Enable Developer mode

↓

4. Click Load unpacked

↓

5. Select the extension folder

↓

6. Create a Gemini API key

https://aistudio.google.com/apikey

↓

7. Open AI Text Enhancer Pro

↓

8. Paste your Gemini API key

↓

9. Click Save Keys

↓

10. Start enhancing text ✨

🔐 API Key Storage & Security

API keys are entered through the extension popup and stored using:

chrome.storage.local

API keys are not included in this repository and should never be hardcoded into the source files.

Important Security Notes

Never commit your real API key to GitHub.
Never paste a real API key directly into background.js.
Never paste a real API key directly into content.js.
Never paste a real API key directly into popup.js.
Do not publish screenshots containing your API key.
Each user should create and use their own API key.
Chrome extension local storage should not be treated as a general-purpose encrypted secrets vault.
Review and manage provider quotas, limits, and billing appropriately.

⌨️ Keyboard Shortcut

Default shortcut:

Windows / Linux

Ctrl + Shift + E

macOS

Command + Shift + E

Chrome may leave a suggested shortcut unassigned if it conflicts with another browser, operating-system, or extension shortcut.

Users can inspect or change shortcut assignments at:

chrome://extensions/shortcuts

🖱️ Context Menu

Select text on a webpage and right-click to use:

✨ Enhance with AI

The currently selected enhancement mode is used for the request.

📁 Project Structure

AI-Text-Enhancer-Pro/
├── icons/
│   ├── icon16.png
│   ├── icon32.png
│   ├── icon48.png
│   └── icon128.png
├── background.js
├── content.js
├── manifest.json
├── popup.html
├── popup.js
├── docs/
│   ├── floating-toolbar.png
│   ├── animated-border.png
│   ├── settings-popup.png
│   └── generating-loader.png
├── styles.css
├── README.md
├── LICENSE
└── .gitignore

🧩 Main Files

`background.js`

Handles:

AI provider API calls
Gemini → OpenRouter fallback logic
Context-menu actions
Keyboard shortcut handling
Stored settings synchronization

`content.js`

Handles:

Editable-field detection
Floating toolbar
Text extraction and replacement
Dynamic-page support
Loading-border behavior

`styles.css`

Handles:

Generating loader
Notifications
Floating interface styling
Mode-based field-border animations

`popup.html` / `popup.js`

Handles:

Gemini API-key input
OpenRouter API-key input
Saving provider credentials into Chrome extension storage

`manifest.json`

Defines:

Chrome Manifest V3 configuration
Permissions
Host permissions
Content scripts
Extension icons
Keyboard commands

🔐 Permissions

The extension currently requests:

Permission	Why it is used
`activeTab`	Interact with the active page when needed
`storage`	Save API keys and the selected mode locally
`scripting`	Insert enhanced selected text for context-menu actions
`contextMenus`	Add the right-click enhancement action

Host permissions are limited to the configured AI provider endpoints:

generativelanguage.googleapis.com
openrouter.ai

The content script is configured for web pages so that the toolbar can detect editable fields across supported sites.

🛡️ Privacy Notes

The extension has no custom application backend in this repository.

Text is sent to the configured AI provider only when the user triggers an enhancement action.

API requests are made directly from the extension to the selected provider.

API keys are stored locally in Chrome extension storage and are not hardcoded in the repository.

Provider privacy policies and data-handling terms still apply to text sent to those services.

Do not commit:

Real API keys
Passwords
Access tokens
Exported browser profiles
Private credentials
Other sensitive information

to this repository.

🌐 Compatibility

The editor-detection logic supports common web editing patterns including:

<input>
<textarea>
contenteditable
React-controlled fields
ProseMirror-style editors
Dynamically recreated editors in single-page applications
Editable content inside permitted frames

Manual compatibility testing has covered:

ChatGPT
Gmail
Facebook comments
Facebook posts
Messenger
Gemini
Meta AI
NotebookLM

Websites can change their DOM and editor implementations over time.

A site-specific adjustment may occasionally be required after a major redesign.

🖼️ Screenshots

Floating Mode Selector

The floating toolbar appears next to the active editor and provides quick access to all 17 enhancement modes.

Mode-Based Animated Border

While a request is running, the active editor receives a mode-specific visual loading border.

The example below shows the Marketing mode.

API Settings Popup

Users can configure Gemini as the primary provider and OpenRouter as the optional fallback from the extension popup.

Generating Indicator

A compact generating indicator is displayed while AI output is being generated.

🧪 Development Checklist

Before tagging a release or publishing an update:

Confirm Gemini requests work with a valid key.
Confirm OpenRouter works directly.
Confirm Gemini failure falls back to OpenRouter when both keys are configured.
Test at least one normal input or textarea.
Test at least one contenteditable editor.
Test the floating mode selector.
Test the keyboard shortcut.
Test the right-click Enhance with AI action.
Confirm the animated border disappears after successful requests.
Confirm the animated border disappears after errors.
Confirm saved API keys load correctly after reopening the popup.
Confirm no credentials are present in tracked files.
Confirm no personal API key has accidentally been committed.

🛠️ Troubleshooting

Gemini API Key Missing

Open the AI Text Enhancer Pro popup.

Create a Gemini API key at:

https://aistudio.google.com/apikey

Paste the key into the Gemini API Key field and click Save Keys.

No Valid API Key

Make sure at least one valid provider key has been entered.

Recommended:

Gemini API Key

Optional:

OpenRouter API Key

Extension Toolbar Does Not Appear

Try:

Refresh the webpage.
Click inside an editable text field.
Reload the extension from chrome://extensions.
Refresh the webpage again.

Keyboard Shortcut Does Not Work

Open:

chrome://extensions/shortcuts

Check whether the AI Text Enhancer Pro shortcut is assigned.

Extension Stopped Working After Source Changes

Open:

chrome://extensions

Find AI Text Enhancer Pro.

Click:

Reload

Then refresh any webpages that were already open.

⚠️ Limitations

Protected browser pages such as chrome:// pages do not allow normal content-script injection.
Provider availability is controlled by the external AI providers.
API quotas and rate limits are controlled by the provider.
Model availability may change over time.
API pricing or free-tier limits may change according to provider policies.
Site compatibility may change when websites redesign their editors.
Some editors may require site-specific handling.
The project currently requires users to provide their own API key or keys.
An active internet connection is required for AI processing.

🔄 Updating the Extension

When using the unpacked version:

Download or pull the latest project files.
Replace or update the existing source files.
Open:

chrome://extensions
Find AI Text Enhancer Pro.
Click Reload.
Refresh any already-open webpages.

Saved API settings may remain in Chrome extension storage during normal source updates, but removing the extension or clearing its storage may remove saved keys.

🤝 Contributing

Contributions, bug reports, compatibility improvements, and feature suggestions are welcome.

Before submitting changes:

Do not include personal API keys.
Do not include credentials.
Test existing enhancement modes.
Test basic editor compatibility.
Keep permissions limited to what the extension requires.

📄 License

Released under the MIT License.

See LICENSE for details.