🖼️AI Images Widget

Allow your viewers to generate images with AI through a simple chat command. Generated images are displayed on stream through a widget.

Getting Started

For this process you will need a KickBot account. If you do not already have a KickBot account navigate to kickbot.app and sign up. For more information, follow this guide on getting started.

To start, navigate to the "AI Images" page under "Widgets" in the left-hand navigation.

Using the AI Images Widget

To start using the widget, there are several settings that must be configured:

• Enabled: Enable or disable the feature.

• Show command example: Toggles the text that shows “Generate images with !imagine” at the top of the widget, this is enabled by default.

• Respond with URL: Toggle if the bot should respond in chat with a direct URL to the image generated, this is also enabled by default.

• Permissions: Who is allowed to use this feature, by default 'Everyone' is selected. The streamer always has permission.

• Duration: How many seconds the image will be displayed on stream.

• Transition: Define what kind of animation is applied when the image is added or removed from the screen.

Free users can generate 50 images per month, while premium users can generate up to 1,000 images per month.

Preview

Preview all of the above settings and presets in real-time to see how they are applied.

Setting up your browser source

1. Copying the widget URL

At the top of the screen above the configuration and preview sections, there is a box labeled "Widget URL". This URL is how you will add the viewer widget to your OBS or Streamlabs. Copy this URL.

2. Adding a browser source

Setting this up in OBS and Streamlabs is a very simple process. This section will just cover the OBS instructions, but if you are using Streamlabs the naming and instructions are nearly identical. Once OBS or Streamlabs is open you will need to add a browser source.

3. Entering your widget URL

Inside of the browser source modal paste the widget URL you copied from KickBot into the "URL" field.

4. Testing it out

After you add the browser source you will see your AI images appear! To test your configuration you can either send a message with !imagine, or you can click the “Send test image to browser source” button.

If you update any of the widget settings while streaming you will need to reload the widget by refreshing the browser source.