Universal Emoji Picker Injector

WHAT IT DOES

Universal Emoji Picker Injector adds a floating emoji picker button to text input fields and contenteditable areas on any webpage. Click the 😊 button next to any text field to open a categorized emoji palette with hundreds of emojis organized into Smileys, Gestures, Animals, Food, and Symbols categories. Search for emojis by name or character, and the tool remembers your recently used emojis for quick access. Selecting an emoji inserts it at the cursor position in the active input field. This brings the convenience of a native emoji picker to every text input on the web, from social media posts to form fields and comment boxes.

WHERE IT RUNS

This extension works on any website across the entire web. It functions on text inputs, textareas, search fields, comment boxes, contenteditable divs, and any other text entry area. The tool automatically detects and adds emoji pickers to all appropriate input fields, adapting to dynamically loaded content and single-page applications.

HOW TO USE

Install the extension and navigate to any webpage with text inputs. A 😊 button appears at the right edge of each input field. Click the button to open the emoji picker palette. Browse emojis by category or use the search bar to find specific emojis. Click any emoji to insert it at the cursor position in the active field. The picker remembers your recently used emojis and shows them at the top for quick access. In contenteditable areas (like rich text editors), press Ctrl+E (or Cmd+E on Mac) to open the picker. Use the overlay panel to customize the number of recent emojis stored and toggle category display. Click "Refresh Inputs" to re-scan the page for newly added text fields, or "Clear Recent Emojis" to reset your emoji usage history.

TECHNICAL SECTION — INPUT DETECTION AND EMOJI INSERTION

The extension uses a comprehensive DOM scanning strategy to identify text input targets. It queries standard input elements (excluding password, hidden, and file inputs), textareas, and elements with the contenteditable attribute. For each detected input, the tool creates a wrapper div with position:relative and injects an emoji button positioned absolutely at the right edge. The emoji picker is built as a single floating panel that is dynamically positioned near the target input. The picker's emoji data is stored in a categorized JavaScript object containing over 300 emojis across five categories. The search function performs a simple substring match against each emoji character. Recent emojis are persisted using GM_setValue, with a configurable limit (default 20). Emoji insertion uses document.execCommand('insertText') for contenteditable elements, and manual cursor-position insertion for standard inputs, with proper event dispatching (input and change) to ensure compatibility with React and Vue frameworks.

THE PANEL — DRAG / PER-SITE POSITION / SNAP / COLLAPSE / RESIZE / ESCAPE

The overlay panel is fully interactive and designed for seamless multitasking. Drag it anywhere on the screen using the handle at the top of the panel; the position is saved per site so it stays where you left it across sessions. The panel includes a snap-to-edge feature that gently anchors the overlay to the nearest screen edge when released. Click the collapse button to minimize the panel to a compact pill showing the current recent emoji count; expand it again with a single click. Resize the panel vertically by dragging the bottom-right corner to view more controls. Press the Escape key at any time to instantly close the overlay and the emoji picker; both reappear on the next interaction.

PLEASE NOTE

This extension requires the free BotGentz companion extension to function, as it provides the underlying content script injection and cross-origin communication framework. No personal data, browsing history, or input content is stored, transmitted, or shared. Recent emoji usage is stored locally in your browser using GM_setValue and is never sent to any external server. The extension does not access or store login credentials, financial data, or personally identifiable information. Some websites may use custom input components that do not behave like standard HTML inputs; the extension may not detect these or may not insert emojis correctly. Contenteditable areas with complex formatting may have inconsistent cursor behavior; the extension uses execCommand for compatibility but may not work on all rich text editors. The picker's emoji data is bundled with the script and does not require network requests to function.