Recommended Free Tools
To add a widget, use the URL supplied by its provider: add it as a Browser source in OBS Studio or a Webpage source in XSplit Broadcaster, then size and layer it in your scene. XSplit also offers some built-in platform widgets. The steps below cover both approaches and how to fix common display problems.
Before you add a widget
Get the widget or overlay URL from its provider first. Providers may call it an “Overlay URL,” “Widget URL,” or “Alert URL.” If the provider supplies a locally saved webpage instead, both OBS Browser Source and XSplit Webpage can load local pages. A URL-based widget is a webpage displayed inside your scene; it is not the same as a platform-specific widget built into XSplit.
Choose the scene or layout where the widget should appear. If it is meant to sit over gameplay or a camera, make sure the scene already contains those sources so you can position and layer the widget against them.
Add a widget in OBS Studio
- Select the scene. In OBS, click the scene that should contain the widget.
- Add a Browser source. In the Sources dock, click + and choose Browser. Give the source a recognizable name if prompted.
- Enter the widget page. In the source properties, paste the provider’s URL into the URL field. To load a local page instead, enable Local file and select the file. OBS documents a default Browser Source viewport of 800 by 600 pixels; set the width and height to match the widget’s intended canvas or the space it needs in your scene. OBS Browser Source documentation
- Save and place it. Click OK, then drag the source in the preview to position it. Resize it using the handles, or right-click the source and choose Transform > Edit Transform for precise values. OBS sources guide
- Set the layer order. In the Sources list, move the widget above the sources it should cover. A source higher in the list appears on top of sources beneath it. If the widget disappears behind gameplay or a camera, move it higher.
- Refresh if needed. If the page is stale or has not updated, open the Browser source properties and use the cache-refresh control.
OBS describes Browser Source as a way to add webpages to a scene and notes its use for alert overlays and chat boxes. Its official alert tutorial demonstrates adding a provider URL as a Browser source; the described workflow does not require an OBS plugin. Browser Source · OBS alert sources tutorial
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
#1 Best Overall
- Read Before You Buy — No Video Output: These adapters support charging and USB 2.0 data transfer, but cannot transmit video signals. Except for standard USB webcams (which use USB data only), they are not compatible with HDMI/DisplayPort cables, video-capable USB-C hubs, or docking stations with video output.
- Convert USB-A Ports to USB-C: Designed to connect USB-C earphones, cables, flash drives, card readers, and other USB-C accessories to standard USB-A ports. Plug-and-play with no drivers or software required.
- Aluminum Alloy Housing: Built with a sturdy aluminum alloy shell that aids in heat dissipation and protects against daily wear and scratches. Designed to maintain a stable and secure connection.
- Compact & Travel-Friendly: The ultra-compact design allows the adapter to stay plugged into your device without blocking adjacent ports or adding bulk, reducing wear and tear on your original USB ports.
- 12-Month Warranty: Backed by a 12-month manufacturer warranty for peace of mind. Designed to meet strict quality control standards for reliable everyday performance.
Add a widget in XSplit Broadcaster
- Select the scene or layout. Choose the layout where the widget belongs.
- Add a Webpage source. Choose Add Source > Webpage, enter the widget URL, and confirm. To use a saved webpage, browse to its local file instead. XSplit Webpage source documentation
- Adjust webpage display options. Configure the screen area, transparency, and scrollbar visibility to suit the widget. The Webpage source also has a 60 FPS option; XSplit says this uses more CPU and GPU resources, so enable it only if the widget’s motion needs it and your system can handle the extra load.
- Arrange it on the stage. Resize and position the source on the canvas so it fits the scene and does not obscure other content. XSplit’s getting-started guide covers adding sources manually and arranging them on the canvas. XSplit Broadcaster getting-started guide
Use an XSplit platform widget when available
Open Add Source to check available platform-specific widget categories, which XSplit documents for Facebook Live, Twitch, and YouTube Live. Availability may depend on the installed plugins and can change. XSplit’s Twitch guide says its Twitch widgets are not pre-installed: install them through the Plugin Store. The Twitch setup includes account authorization for alerts and account or channel connection for chat features. XSplit platform widgets · XSplit Twitch widgets
Choose the right source type
| What you want to add | OBS Studio | XSplit Broadcaster |
|---|---|---|
| A provider’s hosted alert, chat, or overlay page | Browser source with the provider URL | Webpage source with the provider URL |
| A locally saved webpage | Browser source with Local file enabled | Webpage source pointed to the saved page |
| A platform-specific built-in widget | The cited OBS alert workflow uses a provider URL and does not require a plugin | Check Add Source and the Plugin Store; Twitch widgets require Plugin Store installation |
Use the provider’s URL when you want its hosted widget and settings. In XSplit, a built-in widget may be more convenient when the platform integration you need is available and installed. OBS’s official tutorial names Streamlabs alerts and overlays and StreamElements widgets as provider examples. OBS alert sources tutorial
Rank #2
- 5-in-1 USB-C Hub: Experience comprehensive connectivity featuring a Power Delivery input, two USB-A 2.0 ports, a USB-A 3.0 port, and an HDMI port. (Note: The USB-C power delivery input port is only for connecting an external wall charger to power your laptop and cannot power peripheral devices.)
- 90W Pass-Through Charging: Achieve optimal charging with 90W pass-through power to your laptop, supported by a total input of 100W, with the hub reserving 10W for operational efficiency. (Note: Wall charger not included.)
- Quick Data Transfers: Accelerate your productivity with rapid data transfers using a high-speed 5Gbps USB 3.0 port and two 480Mbps USB 2.0 ports.
- 4K HDMI Display: Enhance your visual experience with a hub capable of delivering 4K resolution at 30Hz in both mirror and extend modes. Please note that this hub is compatible with MacBook (macOS 12 and newer), Windows 10 and 11, ChromeOS, and laptops equipped with DP Alt Mode and Power Delivery. Note: This device is not compatible with Linux.
- What You Get: Anker USB-C Hub (5-in-1, 4K HDMI), welcome guide, 18-month warranty, and our friendly customer service.
Size and layer the widget cleanly
- Match the source canvas to the widget. Use the dimensions recommended by the widget provider where available. In OBS, width and height set the Browser Source viewport; the default is 800 by 600 pixels. In XSplit, adjust the Webpage display area and then size the source on the stage.
- Keep overlays above what they annotate. In OBS, check the Sources list order. In either program, inspect the preview or stage after moving a source to confirm that it is visible and does not cover an important element.
- Check transparency and scrollbars. A widget page may include transparent space around its content. In XSplit, use the Webpage source’s transparency and scrollbar settings if the page background or scrollbars show unexpectedly.
- Preview the result before going live. Trigger or preview the widget using the provider’s own controls if available, then verify its position and scale in the scene.
Troubleshoot a widget that does not appear correctly
| Symptom | Likely cause | What to check |
|---|---|---|
| Blank or missing widget | Incorrect URL, source not saved, or local page not selected correctly | Re-copy the provider URL into the source properties. For a local page, confirm the file selection. In OBS, click OK after editing properties. |
| Widget appears behind gameplay or camera | Source is lower in the layer order | In OBS, move it higher in the Sources list. In XSplit, arrange the source on the stage so it sits above the elements it should overlay. |
| Widget is cropped, too large, or too small | Viewport or stage dimensions do not fit the widget | Set the OBS Browser Source width and height to the provider’s recommended dimensions, then resize or use Transform > Edit Transform. In XSplit, adjust the webpage screen area and canvas size. |
| Old content remains visible | Browser page cache or widget page has not refreshed | Use the refresh-cache control in OBS Browser Source properties. If the provider’s page itself has not updated, check its own widget settings. |
| Unexpected background or scrollbar | Page transparency or scroll behavior does not suit the overlay | Review the widget provider’s page settings and, in XSplit, adjust transparency and scrollbar visibility. |
| Webpage animation affects performance | XSplit’s 60 FPS webpage option can require more CPU and GPU resources | Disable the 60 FPS option if the widget does not need it, then check whether performance improves. |
| Twitch widget is unavailable in XSplit | The widget is not pre-installed | Install the Twitch widget through the Plugin Store, then complete the account authorization or connection required for the feature. |
Or let it run in the cloud
If you also want uploaded videos to keep a YouTube channel live around the clock, StreamNeo is a separate cloud service for looping pre-recorded videos; it does not add scene widgets or stream from a camera. Upload a recording or build a playlist, add your YouTube stream key, and go live. Nothing has to stay on at home: the stream continues from the cloud with your computer off. Each slot streams the video as uploaded, up to 4K 60fps, at one flat price per slot; StreamNeo automatically recovers if YouTube drops the stream. The first day is free with no card, one free day per account. Monthly billing is $9.99 per month. Visit StreamNeo or start the free day.
Quick Recap
Best Value
- 5-in-1 Connectivity: Equipped with a 4K HDMI port, a 5 Gbps USB-C data port, two 5 Gbps USB-A ports, and a USB C 100W PD-IN port. Note: The USB C 100W PD-IN port supports only charging and does not support data transfer devices such as headphones or speakers.
- Powerful Pass-Through Charging: Supports up to 85W pass-through charging so you can power up your laptop while you use the hub. Note: Pass-through charging requires a charger (not included). Note: To achieve full power for iPad, we recommend using a 45W wall charger.
- Transfer Files in Seconds: Move files to and from your laptop at speeds of up to 5 Gbps via the USB-C and USB-A data ports. Note: The USB C 5Gbps Data port does not support video output.
- HD Display: Connect to the HDMI port to stream or mirror content to an external monitor in resolutions of up to 4K@30Hz. Note: The USB-C ports do not support video output.
- What You Get: Anker 332 USB-C Hub (5-in-1), welcome guide, our worry-free 18-month warranty, and friendly customer service.
Rank #4
- Dual Converters, Infinite Potential：Includes 2× USB C male to USB A female adapters and 2× USB A male to USB C female adapters. Perfect for a wide range of uses—tablets with Bluetooth keyboards, expand USB ports on macbook, and more. Two different converters for all your daily needs
- Next-Level 10Gbps & 3A Charging: No more slow 480Mbps, this usb to usb c adapter has a transfer speed of up to 10Gbps, allowing you to do more transferring in less time. This usb adapter fits both USB A and USB C charger, supporting up to 3A fast charging
- Upgraded Exquisite Craftsmanship: With an aluminum alloy housing and metal connector, the usbc to usb adapter is extremely durable and sturdy. Rigorously tested to withstand more than 10,000 times of plugging and unplugging, ensuring long-lasting performance
- Broad Compatible: The usb c to usb adapter widely supports all USB C/ USB A devices like laptops, tablets, cellphones, car chargers, and phone chargers. Such as compatible with MacBook Pro/Air 2023/2022, Thunderbolt 4/3 Devices,Apple MagSafe Watch 9/8/7/SE/Ultra, iPad Pro 2022/2021, Samsung Galaxy S23/S20/S10, and iPhone 17/16/15 Pro. Plug and play
- Please Note: To reach 10Gbps speed, keep the cable under 3.3 ft. For USB A Male to USB C adapters, try flipping the USB C connector. USB C Male to USB A adapters support bidirectional 10Gbps transfer within 3.3 ft
Rank #3
- Sleek 7-in-1 USB-C Hub: Features an HDMI port, two USB-A 3.0 ports, and a USB-C data port, each providing 5Gbps transfer speeds. It also includes a USB-C PD input port for charging up to 100W and dual SD and TF card slots, all in a compact design.
- Flawless 4K@60Hz Video with HDMI: Delivers exceptional clarity and smoothness with its 4K@60Hz HDMI port, making it ideal for high-definition presentations and entertainment. (Note: Only the HDMI port supports video projection; the USB-C port is for data transfer only.)
- Double Up on Efficiency: The two USB-A 3.0 ports and a USB-C port support a fast 5Gbps data rate, significantly boosting your transfer speeds and improving productivity.
- Fast and Reliable 85W Charging: Offers high-capacity, speedy charging for laptops up to 85W, so you spend less time tethered to an outlet and more time being productive.
- What You Get: Anker USB-C Hub (7-in-1), welcome guide, 18-month warranty, and our friendly customer service.
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
