🎉 Twitch Profile Image Emote Wall

Type !@username in chat to display their profile image as an emote on screen.
Perfect for welcoming viewers and energizing your community.

STEP 1 / 3

🔐 Twitch Authentication

Click the Create New button to authorize this tool with Twitch. This will allow the Profile Image Wall to access chat and user information.
If you have already generated a URL, you can load it from the load button to change settings.

📤 Load from Existing URL

If you have a previously issued URL, paste it here to restore your settings.

📤 Resume from Existing HTML File

If you have a previously created HTML file, you can upload it to restore your settings.

⚠️ HTML version has been deprecated. Upload your existing HTML file to restore settings and migrate to URL version.

or

✅ Authentication Successful!

Your credentials have been obtained. You can now proceed to the next step.

📝 Input Methods

!@username — Shoutout a specific user

  • Basic: !@username
  • Recommended: ! @username (space after !, then @username) → When you type @, Twitch will show username suggestions to prevent typos
  • Command at line start only: !@username thanks! works, but thanks! !@username doesn't (!@ must be at the beginning)

!@all — Shoutout everyone who spoke during stream

  • Usage: Type !@all at the beginning of a chat message, followed by a message or emote, to welcome all viewers who have spoken.
  • Count check: Type !cc in chat to display the number of users who have spoken for a few seconds. Preview your audience count before committing.
  • Only users who have spoken during the stream are targeted. Role settings and exclusions still apply.

🎙️ Managed Shoutout (Auto 2-min Cooldown)

  • When !so @username is executed in other services, Profile Image Wall automatically executes Twitch's official /shoutout command.
  • Use this feature with !so and you no longer need to worry about Twitch's 2-minute cooldown. All official Twitch command requests automatically queue and execute every 2 minutes.
  • Trigger commands and execution permissions can be configured in Step 2.
  • Existing URL users: just load, re-authenticate, and regenerate once to enable.
  • Twitch Limitation: Same user can only receive a shoutout once per hour (Twitch API spec). Duplicate requests within an hour are automatically removed from the queue.

🎯 How to Use After Setup

  1. Copy the generated URL
  2. Add it as a browser source in OBS
  3. During your stream, type !@username in chat
  4. Profile images burst onto the screen!

🌟 Key Features

  • Completely Free - No charges whatsoever
  • Simple - Works with just one generated URL
  • Transparent Background - Can be overlaid on your stream
  • Customizable - Adjust image size, count, and animation speed
  • Real-time Response - Detects and displays chat commands instantly
  • Auto-reconnect - Automatically reconnects if connection drops

🔒 Privacy & Security

Tokens are encrypted and stored on our server, but cannot be decrypted without the decryption key in the URL, so you can use it with confidence.

⚠️ Important Security Notice

Generated URLs contain your authentication credentials (Access Token, etc.).

  • Never share this URL with anyone
  • Store the URL locally and use it only for yourself
← Back to Home 日本語
STEP 2 / 3

🖼️ Profile Image Emote Wall

✨ Customize Display Settings

You can freely adjust profile image size, display count, and animation speed.

Choose the optimal settings based on your stream style and screen size.

⚙️ Global Settings

Add emotes when !@username targets a broadcaster/Emote ratio when !@username includes emotes
Don't add Add 100%
50%

Adds emotes at around {ratio}% of the configured image count.

🎬 Animation Type

Select animation type. Multiple selection allowed - animations will be chosen randomly.

Image Size 90px
Display Count 15

⚠️ About Performance

Large size + many images combination may affect PC performance.

If operation is heavy during stream, reduce the count.

Effect Preview

Type !@username in chat
and profile images burst out!

← Back to Home 日本語
STEP 3 / 3

✅ Generate HTML File

🎉 Ready!

Review your settings and generate a URL or HTML file.

Generated URLs and HTML files contain all settings, so you can start using them immediately.

📋 Confirm Settings

  • Client ID: Set ✓
  • Authentication: Set ✓
  • Channel: Monitoring target set ✓
  • Effect: Customized ✓

All settings complete. Click button below to generate URL or HTML file.

← Back to Home 日本語

📝 Update History

2026-02-14

  • The notification sound feature has been migrated to Chat Monitor, a new tool coming soon.

2025-12-23

  • New Cube animation! Display images on rotating 3D cubes.

2025-12-13

  • Enhanced !@username command! Emojis are now displayed alongside Twitch emotes in animations.

2025-12-11

  • Enhanced !@username command! Emotes from chat messages are now displayed alongside profile images.

2025-12-10

  • Fixed !so command to not fail /shoutout when text or emotes follow the username

2025-12-05

  • New Feature! Managed Shoutout added. Triggers Twitch's official /shoutout command via !so command! Load your URL or HTML, re-authenticate, and regenerate to enable.

2025-11-27

  • Improved chat command (!@username) reliability. Implemented command queue system to ensure all commands execute even during chat congestion.

2025-11-21

  • Changed !@username command's emote display from checkbox to slider. Switched from mixing mode to additive mode.

2025-11-20

  • [All users] Improved token management and authentication stability. Please re-generate your URL or HTML.

2025-11-17

  • Added preview function for Carousel (!@all) animation. Preview area improved to 16:9 aspect ratio for better representation.
  • Improved emote display styling and enhanced backward compatibility for existing URL settings.

2025-11-15

  • Added emote mixing feature for !@username when targeting broadcasters. Emotes from their channel are now mixed with profile images. Can be toggled in Step2 global settings.

2025-11-14

  • !@all now displays in random order each time and added image expansion effect for 21+ users.

2025-11-11

  • Improved !@all animation for 21+ users to dynamically scale based on participant count.

2025-11-10

  • Added !cc command to display the number of users who have spoken in chat for a few seconds. You can now check how many users will be targeted before running !@all.

2025-11-09

  • Improved !@all queue so consecutive commands wait without displaying duplicates.

2025-11-07

  • Update: Added !@all command. You can welcome all chat participants at once.

2025-11-03

  • Added new animations (PopUp, Bounce, Spiral).

2025-11-02

  • Added URL delivery feature. New features and bug fixes are automatically reflected, so we recommend this method.

2025-10-31

  • Stabilized image loading

2025-10-29

  • Code optimization and performance improvements
  • Code execution environment has been stabilized

2025-10-25

  • Fixed mapping check bug

2025-10-24

  • Added automatic update notification feature

2025-10-23

  • Japanese display username support added

2025-10-21

  • Fine-tune image size, count, and speed with sliders
  • Added preview functionality

※ Existing HTML files continue to work