[twitch.tv] 7BTVFZ Emote Picker

Custom emote picker for Twitch chat: 7TV, BTTV, FFZ

7BTVFZ Emote Picker v3.125.26 — for Twitch Chat . ⚠️ Before using — disable BetterTTV, 7TV and FFZ browser extensions on twitch.tv The extension adds a button below the chat input field. Click it to open a full-screen emote picker popup with access to 7TV, BTTV and FFZ emotes. Built from scratch — no bloat, no broken features, no weird behavior. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🧩 Core Features ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📦 Loads emotes from 7TV, BTTV and FFZ — channel + global sets 🔲 Zero-width 7TV emote support — correct layering in chat 🔘 Mini button injected below the chat input field 🪟 Full-screen popup — opens on button click, 480 emotes per page 🔍 Search — filter emotes by name within the current tab ⭐ Favorites — Ctrl+Click an emote in the popup to save/remove Stored locally, separately per channel 💬 Click any emote to insert it into chat 📨 "Send to chat" button — simulates the native Twitch send button 🔄 Auto-refresh — detects 7TV notifications about emote add/remove/rename and updates the list automatically ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ⚙️ Technical ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📄 Pagination — 480 emotes per page with full virtual scroll support 🔤 Autocomplete — type :emote prefix in chat to get suggestions 🔒 No data collection — the extension does not send or store any user data 🌐 Twitch only — does not run on directory, clips, videos or other pages ❌ Incompatible with official 7TV, BetterTTV and FrankerFaceZ extensions ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📋 Patch notes & source → https://github.com/ftpobpl47hGTN56/7BTVFZ-emote-Picker Changelog — SEP Overlay Align [## [2.294.26] — [3.125.26] - 2026-05-12] Problem In Twitch chat with SEP (7TV) + FFZ extensions, base emotes inside overlay wrappers were misaligned: they shifted relative to overlay images, overlapped adjacent emotes, and made message text hard to read. Solution Pure CSS injection via a <style> tag — no DOM mutations, no MutationObserver. Two independent rule sets: one for standard overlays, one for modified overlays. Changes CSS architecture Wrapper switched from inline-block to inline-flex — stays inline in the chat flow while enabling flex alignment for the child base img Targeting via :has(.sep-emote-overlay) — rules apply only to wrappers that contain an overlay; plain base-only wrappers are untouched justify-content / align-items instead of a hardcoded translateX/Y pixel — alignment is adaptive and works correctly regardless of wrapper size Overlay images explicitly receive position: absolute — they are taken out of flex flow and do not affect base positioning Modifier support — sep-mod-* (ffzW etc.) Separate selector :has([class*="sep-mod-"]) for wrappers where the base img carries a modifier class (e.g. sep-mod-ffzW) Automatic wrapper expansion: width: var(--sep-wide-w) — SEP writes the correct value into that CSS variable; the wrapper expands from 64px to the actual base img width (140.8px), eliminating overlap with adjacent emotes Independent alignment settings for the standard and mod cases