Create custom emotes and make them available in your Youtube comments and live chat today!

Latest Version

Version
1.5.4
Update
September 10, 2023
Size
241KiB
Developer
superemotes.com
Category
Users
62
Rating
1 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

SuperEmotes Extension

You can find emotes uploaded by other users and add them to your emote \"slots\" or upload your own emotes at https://superemotes.com.

Emotes that you add to your slots will be available for your YouTube viewers in both the live chat and comment sections. (We are the only app at the moment that does comment section emotes.)

The emotes are compatible with live chat, popout live chat, studio live chat, studio popout chat, comment sections, and community tab comment sections.

There is also a special kind of slot called a \"personal emote slot\" where you can bring your emotes to other channels even if they have not added that emote to their slot. This is more of a viewer-centric feature. (We are also the only app at the moment that does personal emote for YouTube)

BTW an emote is basically an emoji or emoticon, but it is a bit more powerful since you can add animations to it.

It could be a png file or a gif.

Right now we accept uploads with file size of 112pxx112px and < 1MB

We also decided to add a feature that lets users \"react\" to videos with our emotes. (Similar to other platforms)

The extension also allows users to choose a theme for the live chat.

By default, if you don't choose a theme then the app will sync with your YouTube theme settings (light/dark).

We also have a dashboard menu where you can toggle/manipulate features. It is a bit sparse right now, but we expect that will change pretty soon.

You can help change that by reaching out to us by visiting the Support section of our website at https://superemotes.com.

This next section is a more formal feature list:
---------------------------------------------------------------------------------------------------------------------------------------------------------



---------------------------------------------------------------------------------------------------------------------------------------------------------

Uploading Custom Emotes OR Using public/shared emotes:

1.) Make an account at https://superemotes.com by logging in with your Youtube Channel.

2.) You can add emotes uploaded by other users by visiting the Discover tab or you can upload your own using the Dashboard tab.

3.) Install this extension.

4.) People who visit your channel will now be able to use the emotes. To use the emotes they need to find the icon that looks like our logo and click the icon. An emotes tray will appear where they can see the emotes for your channel. Clicking the emote of their choice will type for them.


Emote Reactions
-----------------------------
You can react to any YouTube video with any of our global emotes!

Emotes Types Available
-----------------------------------------
We have global emotes that are available to all users.

We have uploaded emotes that are available to users that visit your channel.

We have personal emotes that are available to any channel that you visit.

Live Stream And Comments Capabilities
------------------------------------------
We provide the ability to map live stream chats, live stream replays, and comment sections.

Community Comments Section
-------------------------------------------
The comment mapping works with the community section as well.

Themes Available
------------------------------------------
We provide both dark and light themes

Live Stream Themes Available
------------------------------------------------
We provide themes for use in live chat.

Dashboard Menu
------------------------------------------
We provide our own easily accessible menu where you can toggle features.

More Features
-------------------------------------------
Coming soon!

If you have any more features please reach out to us under the Support section of our website at https://superemotes.com !

Instructions:

1.) Make an account at https://superemotes.com by logging in with your Youtube Channel.

2.) You can add emotes uploaded by other users by visiting the Discover tab or you can upload your own using the Dashboard tab.

3.) Install this extension.

4.) Now when another user visits your live stream or a youtube video that you own when the extension is installed, they will see the emotes you created when the emote text you chose for your emote appears as text.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version" : 3, "description": "Create custom emotes and make them available in your Youtube comments and live chat today!", "name": "SuperEmotes", "version": "1.5.4", "host_permissions": ["https://api.superemotes.com/*"], "permissions": [ "storage" ], "background": { "service_worker": "js/background-scripts/background.js" }, "options_page": "/html/options/options.html", "icons": { "16": "img/robot_16.png", "24": "img/robot_24.png", "32": "img/robot_32.png", "48": "img/robot_48.png", "128": "img/robot_128.png" }, "action": { "default_icon": { "16": "img/robot_16.png", "24": "img/robot_24.png", "32": "img/robot_32.png" }, "default_title": "SuperEmotes", "default_popup": "/html/popup/popup.html" }, "content_scripts": [ { "run_at": "document_end", "js": ["js/reactions/constants.js","js/content-scripts/message-handlers.js", "js/content-scripts/inject-utils.js", "js/content-scripts/modules.js", "js/content-scripts/injector.js", "js/content-scripts/options-bridge.js"], "matches": ["*://studio.youtube.com/*","*://*.youtube.com/*"], "all_frames": true } ], "web_accessible_resources": [ { "resources": [ "js/comments/youtube/constants.js", "js/comments/youtube/utils.js", "js/dashboard/dashboard.js", "js/dashboard/draggable-window.js", "js/dashboard/constants.js", "js/emote-card/emote-card.js", "js/emote-card/utils.js", "js/emote-card/youtube/comment-message-emote-card.js", "js/emote-card/youtube/comment-emote-card.js", "js/emote-card/youtube/comment-emotes-tray-emote-card.js", "js/emote-card/youtube/community-new-post-emotes-tray-emote-card.js", "js/emote-card/youtube/community-post-emote-card.js", "js/emote-card/youtube/live-chat-emote-card.js", "js/emote-card/youtube/live-chat-message-emote-card.js", "js/emote-card/youtube/live-chat-emotes-tray-emote-card.js", "js/emote-card/constants.js", "js/emote-details/emote-details.js", "js/emote-details/constants.js", "js/emote-details/youtube/comment/watch/watch-comment-emote-details.js", "js/emote-details/youtube/live-chat/watch/watch-live-chat-emote-details.js", "js/emote-details/youtube/live-chat/watch/watch-live-chat-emotes-tray-emote-details.js", "js/emote-details/youtube/live-chat/watch/watch-live-chat-message-emote-details.js", "js/emotes-tray/reactions/reaction-emotes-tray.js", "js/emotes-tray/youtube/comments/comment-emotes-tray.js", "js/emotes-tray/youtube/community/constants.js", "js/emotes-tray/youtube/comments/constants.js", "js/emotes-tray/youtube/live-chat/constants.js", "js/emotes-tray/youtube/live-chat/popout/live-chat-popout-emotes-tray.js", "js/emotes-tray/youtube/live-chat/live-chat-emotes-tray.js", "js/emotes-tray/youtube/live-chat/studio-live-chat-emotes-tray.js", "js/emotes-tray/youtube/reactions/reaction-emotes-tray.js", "js/emotes-tray/youtube/utils.js", "js/emotes-tray/constants.js", "js/emotes-tray/emotes-tray.js", "js/live-chat/youtube/utils.js", "js/live-chat/youtube/constants.js", "js/mapping/youtube/utils.js", "js/mapping/constants.js", "js/network/network-constants.js", "js/network/superemotes-client.js", "js/network/youtube-inner-client.js", "js/page-scripts/youtube/constants.js", "js/page-scripts/youtube/message-handlers.js", "js/page-scripts/youtube/process-utils.js", "js/page-scripts/youtube/utils.js", "js/page-scripts/constants.js", "js/page-scripts/utils.js", "js/page-types/youtube/channel/community/post/page.js", "js/page-types/youtube/channel/community/post/utils.js", "js/page-types/youtube/channel/community/constants.js", "js/page-types/youtube/channel/community/page.js", "js/page-types/youtube/channel/community/utils.js", "js/page-types/youtube/channel/page.js", "js/page-types/youtube/shorts/constants.js", "js/page-types/youtube/shorts/page.js", "js/page-types/youtube/shorts/utils.js", "js/page-types/youtube/studio/live-chat/page.js", "js/page-types/youtube/studio/live-chat/popout/page.js", "js/page-types/youtube/studio/utils.js", "js/page-types/youtube/studio/page.js", "js/page-types/youtube/watch/comment/page.js", "js/page-types/youtube/watch/live-chat/page.js", "js/page-types/youtube/watch/live-chat/popout/page.js", "js/page-types/youtube/watch/live-chat/popout/utils.js", "js/page-types/youtube/watch/live-chat/utils.js", "js/page-types/youtube/watch/page.js", "js/page-types/youtube/watch/utils.js", "js/productivity/youtube/utils.js", "js/post/youtube/community/utils.js", "js/reactions/page/youtube/utils.js", "js/reactions/constants.js", "js/reactions/reactions.js", "js/reactions/utils.js", "js/shorts/youtube/utils.js", "js/shorts/youtube/constants.js", "js/store/emotes.js", "js/store/constants.js", "js/studio/youtube/utils.js", "js/svg/svg.js", "js/tags/tags.js", "js/tags/constants.js", "js/tags/youtube/process/utils.js", "js/themes/utils.js", "js/page-scripts/modules.js", "js/page-scripts/youtube/page-script.js", "img/chevron_left.svg", "img/chevron_right.svg", "css/dashboard/dashboard.css", "css/emote-card/emote-card.css", "css/emote-card/live-chat/live-chat-emote-card.css", "css/emote-details/emote-details.css", "css/emote-details/live-chat/live-chat-emote-details.css", "css/emotes-tray/comment-emotes-tray.css", "css/emotes-tray/live-chat-emotes-tray.css", "css/emotes-tray/emotes-tray.css", "css/emotes-tray/youtube/live-chat-emotes-tray.css", "css/live-chat/live-chat.css", "css/reactions/reactions.css", "css/tags/tags.css", "css/themes/bools-dark.css", "css/themes/grape-lime-soda.css", "css/themes/ice-cool-blue.css", "css/themes/laser-beam-attack.css", "css/themes/peaches-n-cream.css", "css/base.css", "css/youtubecontent.css" ], "matches": ["*://*.youtube.com/*"] } ]}
Read more

How to download and manually install SuperEmotes extension for Chrome

Looking for a way to install SuperEmotes extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install SuperEmotes extensions manually, this article outlines two simple methods to effortlessly install SuperEmotes extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download SuperEmotes extension and manually install through Drag &Drop

If you ever need to manually install a SuperEmotes extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the SuperEmotes Extension by clicking the "Download CRX" button on the website.

Look for the SuperEmotes extension you wish to install. Go to the website and download the SuperEmotes extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for SuperEmotes extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the SuperEmotes extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download SuperEmotes extension for Chrome and install in Developer Mode

This is another method to install SuperEmotes extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the SuperEmotes extension file

Select and download the SuperEmotes extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the SuperEmotes extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your SuperEmotes extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the SuperEmotes extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install SuperEmotes extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

TikTok Controls Extension · Accessibility 62 1 ★ 27.33KiB

icon

Better Naifu YouTube Gaming Extension · Social & Communication 62 15 ★ 94.53KiB

icon

HyperChat [Improved YouTube Chat] Extension · Social & Communication 62 145 ★ 1.19MiB

icon

Better YouTube Gaming Extension · Productivity 62 36 ★ 2.71MiB

icon

Highlights for YouTube Extension · Fun 62 15 ★ 41.6KiB

icon

Emotesly Extension · Productivity 62 47 ★ 294KiB

icon

YouTube Livestreams Theater Mode Extension · Fun 62 214 ★ 42.35KiB

icon

YouTube Live Chat Enhancement Extension · Social & Communication 62 16 ★ 97.35KiB

icon

BetterYTV Extension · Productivity 62 0 ★ 91.95KiB

icon

BetterRBTV Extension · Fun 62 38 ★ 245KiB

icon

Twitch Chat on Youtube Extension · Social & Communication 62 29 ★ 772KiB

icon

Better YouTube Extension · Social & Communication 62 6 ★ 38.42KiB

icon

Jumpcut Extension · Fun 62 12 ★ 172KiB

icon

YouTube studio livestreaming chat TTS Extension · Accessibility 62 4 ★ 49.0KiB

icon

NewTube (YouTube Customizer & Enhancement) Extension · Productivity 62 75 ★ 3.04MiB

icon

YouTube Settings Extension · Productivity 62 18 ★ 130KiB

icon

YouTube Expose Extension · Fun 62 3 ★ 31.57KiB

icon

Comment Overlay Extension · Social & Communication 62 6 ★ 53.86KiB

icon

BetterStreamChat Extension · Social & Communication 62 18 ★ 24.23KiB

icon

Stream Live — notifications for live streams Extension · Social & Communication 62 54 ★ 50.75KiB

icon

Emotes Everywhere Extension · Fun 62 10 ★ 35.53KiB

icon

YouTube™ Album Tracks Extension · Fun 62 16 ★ 17.41KiB

icon

Youtube Live Chat : Troll Starver Extension · Social & Communication 62 37 ★ 476KiB

icon

Twitch Chat for YouTube™ Extension · Fun 62 14 ★ 41.73KiB