Customize your widgets - AOM V2

The Advanced Overlay Maker - Version 2

The Advanced Overlay Maker for Streamlabs OBS has just received a major update that is free to all users. Using your feedback we've created what we think is the easiest and most adaptable overlay making system yet.Read more


Faster Overlay Set Up in OBS Studio

We’re always trying to make our Nerd or Die overlays as easy as possible to implement into OBS Studio, but some of the tricks don’t come from the overlays themselves–the real tricks are found in knowing how to move through OBS Studio like a pro.

We’re going to quickly set up a Nerd or Die overlay directly into OBS Studio to show you just how fast you can get your overlays up and running in everyone’s favorite broadcasting software.

QUICK • FAST • EASY

We’re going to use our Glitch 2 overlay pack as our example. This overlay comes with “Quick Install” links for StreamElements and Streamlabs users, but you won’t find a quick install link for streamers who are just using base OBS Studio, unless you’re using our new Super Charged overlays. But that doesn’t mean your overlays can’t be installed quickly.

Dragging and Dropping in OBS Studio

There wasn’t a single link that can be used to automatically import overlays into OBS Studio until we created Super Charged overlays, but that’s not to say things won’t change down the line. OBS Studio’s new drag and drop feature makes moving overlays into your Scene a very quick process.

Inside your “Graphics Assets” folder of the Glitch 2 overlay download, you’ll find everything you need to drag and drop into your Scene to create a complete overlay. Let’s build a “Starting Soon” Scene.

When dragging and dropping, it’s always best to start with your foundations: the assets that will make up the background of your Scene. The reason for this is that everything you drag into a scene will stack on top of another. There’s a way to re-order these assets, but save yourself some time by building from the bottom-up.

We’re going to start by dragging in a background from the “Scenes” folder. Choose whichever color combination catches your eye. You’ll notice in each of these folders are actual MP4 files that will create a dynamic background–one that actually moves like a video.

Drag in the “Stream_Starting” MP4 file directly into the “Sources” window of OBS Studio where it will automatically populate your Broadcast Window. Remember, with MP4 sources, it’s best to set them to loop by double clicking on the source and checking the box for “Loop.” Always save those options!

Easily drag and drop resources from your folders, into OBS. After dragging and dropping, don’t forget to loop animated resources!

We’ve already done a large haul of the work simply by pulling in the background, but we can also add some other graphic assets that will complete the overlay. For example, adding your social handles and a schedule is a great move for building out a “Starting Soon” Scene. So let’s do that, shall we?

Let’s start simple: Bringing the social icons and schedule graphic into the scene. Now, if you’ve been paying attention, OBS Studio’s new drag and drop feature is still in play. Let’s open up the “Icons” folder found directly in the root of the “Graphic Assets” folder. Inside here, you’ll find an icon for anything you could ever need.

If you’re wanting to advertise your Discord, find the Discord icon and drag it on in. Facebook? Find the icon and drag that sucker in. The new cult you’re starting? We don’t have an icon for that yet but we’re always taking suggestions at [email protected].

Place these icons as you see fit–but we recommend using the open space on the far-right of the “Starting Soon” Scene.

Let’s get the schedule asset in there as well. This can be found back in the folder of whatever color combination you selected in the “Scenes” folder. At the top of that folder, you’ll see an “Assets” folder.

In addition to the schedule asset, you’ll notice several brackets that can be used to frame up your social icons. Add them to your Scene if you’re feeling adventurous. Dragging in our schedule asset will complete our time in the “Graphic Assets” folder.

But icons only get us half way there. We’ll still need to create text sources to pair with these icons, displaying our social handles and schedule times.

Creating Text Files

Normally, you can add a Text Source just like any other source in OBS, but a quicker alternative to creating Text sources is to instead use a text (.txt) file.

Why is this quicker?

  • A text file can work as your real-time white board for OBS Studio. Meaning you can erase and update within a text editor and have the changes appear directly in OBS seamlessly.
  • This is as easy as creating a text file and dragging it into OBS Studio. 
  • You can still have all your customization options available to you (font size, family, and color), just as if it were a Text source, but you no longer have the hassle of opening up each source to make updates.

The utility of using a text file in OBS doesn’t stop there. Let’s quickly create a new scene so we can check out another useful aspect of text files.

Dragging and dropping text sources works just like visual sources! Quick and easy! You can also quickly edit a text file and have it update in OBS instantly.

Duplicating Text Properties

While a text file can give us real-time updates when we make changes to the text, the properties like font and size can still be a tedious process, UNLESS you’re the clever sort of streamer whose learned the benefit of duplicating these text files.

Let’s quickly set up a new text file to show our Top Donators. If you’re a Streamlabs user, you’ll have a folder where these stream labels are kept. Better yet, they too are kept as text files that automatically update when changed! Locate this folder–but if you’re not a Streamlabs user, creating a new text file will work all the same.

Drag this file into OBS Studio to create the Text Source, and then right click on the new Source and choose “Properties” to begin making edits to the text. If you’re wanting to keep the Glitch 2 look going, I suggest using the Frostbit font at a height of 20.

Traditionally, you would continue to drag in text file after text file as you populate your Top Donator list, but that would require then also setting them to the new font and the new height, repeating these steps over and over again.

Instead, take your first Text file Source and right click it, selecting “Copy.”

Then, within your Sources window, right click again and select “Paste (Duplicate).” Doing this will create a direct duplicate of your previous text file, with all the same customizations still attached.

But it won’t do you any good to have 2 text files displaying the same information, will it? No, it won’t. So hop into the “Properties” of your duplicate and change the source of the text file to the other donator you’d like to display.

Some of you might not see this as a time saver, since either option brings you into the “Properties” but each method–dragging each Source/duplicating one Source–has its benefits. Your own preferences may decide which method you’d like to rely on.

Creating and Copying Visual Filters

Much like duplicating the properties of a text file, visual filters can be customized once to a single asset, then shared through many assets to create a cohesive color-rich aesthetic for your stream.

I’m going to use a Glitch 2 background for my initial filter creation:

  1. Right clicking on the background as a Source will allow me to access “Filters” which is just right above the “Properties” option we were using for fonts.
  2. Use the ‘+’ icon in the bottom-left of the Filter window and create a new “Color Correction” filter. This will open up a ton of new sliders for you to adjust the base color of your asset.

If you’re using a Glitch 2 asset, “Hue Shift” will be a very useful slider because you can change the color of the asset to any color on the spectrum by dragging your cursor along that slider. This is the quickest way to match the colors of Glitch 2 to your streaming brand.

Hue Shift is only one of many options available in a Color Correction filter. Play around with the other options if you’d like–many of them are familiar options to any streamer who has played with a visual toolset before. Let’s cover just a couple of these other tools.

  • “Saturation” expands and reduces the vividy of your color. Imagine going from a colorless grey on the far left, and a bright neon version of your color on the far right. This is useful for honing in on the exact shade of the color you’re looking for.
  • “Opacity” is another useful tool in the slider group–this option will allow you to change the transparency of your asset if you so choose.

Quick note: You cannot adjust the Hue of a pure black or pure white asset. The Hue Shift slider will only work with assets that are already using a color besides one of these two.

If you do find yourself dealing with a pure white or black asset, you can use the “Color Picker” option found at the bottom of the Color Correction window to customize these base colors to any color you could imagine. It’s a great alternative to the Hue Shift slider.

To copy a filter you’ve created on any Source, right click the Source and use the “Copy Filters” option found within the drop down.

Pasting them into a new Source is just as easy. Right click, and right below the previous option, you’ll see “Paste Filters.” Done and done.

A lot of the tricks we’ve covered above save you time in your initial creation, but what about taking things a step further: Using Scenes to cut your customization workload by fractions of the time.

Grouping With Scenes

As your Sources window gets more jam-packed with every added Source, it’s useful to employ a very hidden trick that bends the utility of an OBS Scene.

A Scene in OBS Studio is traditionally used to create displays built from various assets that are ready to go at a single click. This is a great way to effectively switch between a “Stream Starting” Scene and a “Gameplay” Scene within seconds–and without having to move things around.

Scenes at their base are just organized groups. You can use this feature to create a collection of assets that you can then be used in other Scenes. It’s very meta, I know. Let’s use a real example to make things more clear.

Let’s create a brand new Scene and add a Webcam asset from the Glitch 2 overlay pack, as well as a Donator Box below it. After we add the three text assets to the Donator Box, we now have 5 Sources existing within this Scene. 5 is a lot to manage, but that number can grow and grow to the point of insanity!

With just these 5 Sources, let’s rename this Scene “–Webcam and Supporters” and those two dashes aren’t a mistake.

I’m using these dashes to denote that I’m never going to ever switch to this Scene on stream. It’s a hint to myself that I should never click on this Scene when I’m transitioning between Scenes.

Essentially what I’ve done is I’ve brought these FIVE Sources and I’ve packaged them into ONE Source. If I return to my original Scene, I can now add another Source and in the drop-down, you’ll see I can in fact add a Scene as a Source.

Any changes I make to “Properties” or if I add “Filters” to this Source, it will change ALL 5 of those assets at once! That’s called streamlining right there.

Using this method is incredibly useful if you have a grouping of assets that appear in multiple scenes. Social icons, Supporter Bar, and Webcam Frames are great examples of assets a streamer may use in multiple Scenes. Instead of having to create each of these assets for each of their Scenes, they’re now packaged in a way that can be added only once per Scene.

We hope these tips have been useful in speeding up the cumbersome setup of your OBS Studio broadcast. The fun of streaming is actually streaming, but these initial steps need to be taken so that you’re looking your best when you go live. For more tips and tutorials, keep your eyes on NerdorDie.com!


FreeTwitchHalloweenOverlay

Twitch Halloween Overlays

The spooky times are upon us, and to celebrate Halloween ,we'd like to release free overlays that were designed specifically for Halloween. Currently we have two different styles to choose from. The first is a webcam and alert pack, and the second is a simple image pack that's separated by each piece of the overlay, so that you can pick and choose which graphics you'd like to use for your own overlay.Read more


Free Twitch Overlays

Free Twitch Overlays, Alerts, and Widgets

Free twitch overlays, alerts, and stream widgets are something that we’ve been making for years and we’ve decided it’s about time we made a one-stop post to help you find what you want quickly and easily. While Twitch is definitely the most popular streaming platform that we support, almost all of the items listed here will work with Facebook, YouTube Gaming, Mixer, and more!

Our goal with our overlays is to make them modular. Meaning you can use the bits and pieces that you want to. This also will allow you to use things like the color correction source in OBS Studio and Streamlabs OBS to make it fit your stream’s theme. While some items may have a “suggested price” on them, just enter in “0” for the price to get them for free.

Our complete list of free Twitch overlays, alerts, and stream widgets

Below you’ll find a list of free overlays and scene designs. While some may have a “suggested” price, you can enter in “0” to receive the item for free.

Custom designed free Twitch overlays

The overlays below are “lite” versions of full packages that we’ve made. Typically these are static (or non-animated) overlays. But, we do our best to pack all that you would need to create a full stream design. In fact, most of them come with free Twitch panels, icons, and a bit more.


Clearview Lite

This overlay was create to give off a clean, professional, and unique look. You can easily adapt this design to most games and applications, making it perfect for those of you that do IRL streams or variety gaming. It works with all major streaming software.

When downloading, make sure to select the “lite version” option.

Download Clearview Lite

Extras included with Clearview Lite

A lot of the packs listed in this post will have more than just free overlays included. In the case of Clearview you’ll also get access to icon designs, Twitch panels, and stinger transitions. This pack is at the top of our list for a reason!


Stone Fire Nerfed

Listen, we love “clean and modern” as much as the next person, but sometimes you have to change it up. Stone Fire was created for those that want more theme and texture in their overlay designs. This free Twitch overlay includes webcam frames, supporter sections, and Twitch panels.

Download Stone Fire Nerfed

Stone Fire was designed for League of Legends and DotA 2 streamers

Components of the overlay pack are specifically made for LoL and DotA 2  streamers. We did our best to design it in a way to let you show as much of the action as possible, while still showing the information on your stream that you need to.


Free Overwatch Overlay

This is one of our first free Twitch overlays that we designed and remains one of our favorites. This pack includes multiple webcam frames, support panel layouts, and a HUD that you can align to the bottom of your stream. The only difference between this pack and the full version, is that it is non-animated.

Download the Overwatch overlay

Did you know we have a free to use Overwatch panel maker?

Looking for Twitch panels to compliment your new overlay? Look no further, our free to use Overwatch Twitch panel maker let’s you customize and download Twitch panels to fit the Overwatch design aesthetic. Not your style? Don’t worry, we’ve made another Twitch panel maker that you can use.


Free Call of Duty Overlay

While this overlay was originally designed for Call of Duty: Infinite Warfare, we think it still holds up today. It features multiple webcam layouts and a supporter section design that lets you decide if you’d like them to be stacked vertically or horizontally. A great option for new streamers.

Download this free overlay

How to get dynamic labels in your stream, a helpful tip to new streamers

One of our most frequently asked question is: how do I get the usernames to update automatically on my overlay? To add these dynamic “labels” to your scenes, you’ll first need to add text sources. We recommend entering in some demo text so that you can position and size your text properly. Please note that’s best to change the font size inside of the text source properties, and not drag to scale (this can cause blurry text).

Next, you’ll need to download and run a program that updates text files dynamically as you get new users, tips, subscribers, etc. A good place to start is the program Stream Labels for StreamLabs. When you install this program, it will create various text files on your computer that you can then sync inside of OBS Studio (or your streaming software).

In the text source properties enable “read from file”. Here, you will “browse” to find a file that you want read and synced inside of your streaming software. Choose the appropriate file, and then it will be connected and updated automatically.


No Man’s Sky Free Overlay

One of the biggest video game disappointments turned out to inspire one of our favorite overlays. While this is a “No Man’s Sky” overlay, don’t let the name fool you, this overlay was designed with a sci-fi feel, and a clean look that can work on any stream design. With the announcement of No Man’s Sky Next, this overlay should keep your stream looking great for years to come!

Download this overlay

Create your own free Twitch overlay

We get a lot of questions about looping popups, so let me explain the easiest way I’ve found to make these happen. First, design something cool in After Effects or similar. Second, export that as a WebM. Finally, create a local HTML page that plays that WebM on loop with a bit of delay. If you’re reading this post, it’s likely you’re interested in creating stream designs yourself. If you can pull off the steps for creating a social media popup, then you can make everything else listed in this blog post. In my opinion it’d be a solid place to start and to challenge yourself a bit.

We’ve included a wide variety of design aesthetics. From sci-fi and clean/modern overlays to textured and themed. Let us know if you think there’s a design we need to add next! We’re always looking to improve what we have on our site and your suggestions are what help us the most.


Twitch Design Darkmode

The Best of Twitchcon 2019

The Twitchcon announcements have been rolling in, some good and some bad, but overall we're excited to see these updates. From changes to your channel page design to better mod tools, we'll be covering announcements made by Twitch CEO Emmet Shear at Talkin' Twitch, as well as some information that has been caught our attention elsewhere.Read more


Wireframe placeholder

Twitch Overlays - Templates and Free Downloads

Twitch Overlays for Streamers and Content Creators

Twitch overlay templates are what we do best. We’ve been making Twitch overlays that are used by hundreds of thousands of streamers, and we’re always looking for more ways to provide streamers templates the best overlay templates around. To do this, we make our overlays, alerts, and widgets easy to use and as customizable as possible. We’ll be answering the most common questions people have about Twitch overlays, as well as overlays you’d find on YouTube, Mixer, Facebook and other streaming platforms.

Getting Started with Twitch Overlay Templates

When you’re starting out as a new streamer, or even someone that has been in the streaming world for a while, figuring out how to add overlays and alerts to your Twitch, YouTube, Facebook, or Mixer streamers can seem like a daunting task. But don’t worry, we’re going to break down all that you need to know about overlays, so that when you go back live, you’ll be ready to rock!


How do you put an overlay into Twitch, YouTube, Facebook, or Mixer?

Using a Twitch overlay template can be extremely easy. The first thing you need to realize is that you’re not putting one into Twitch, or other streamer services, but you’ll be adding them into your broadcast software. Broadcast software can be programs like OBS Studio, Streamlabs OBS, or XSplit. These programs basically give you a blank canvas that you add your content into. Your content can be anything from a webcam feed, video file, text, and even web pages. The best answer to this question is to learn your software, and add from there.

The process generally is as follows:

  1. Download a free or premium overlay from our store
  2. Unzip the downloaded files
  3. In your broadcast software add the type of source you’d like to use
    1. For images, add an image source
    2. For video files, add a media source
  4. Position and resize the sources as you’d like
  5. That’s it!

Retrowave Stream Overlay for Twitch

What size should a Twitch Overlay be?

The simple answer is that your Twitch overlays should be designed for 1920×1080. This doesn’t mean that your file size will be this resolution, but you should consider this size when thinking about your overlay size. Even if you’re streaming at a lower resolution, you will want to design and use overlays for this size. If your internet improves or you get a new PC, you may want to bump up from the lower resolution to 1080p, and then you’ll be ready to go without redesigning your entire overlay.

A few tips on how to choose the size of your Twitch overlay elements

Start Simple

Start with a simple layout in a file that is 1920×1080. This means add simple shapes like rectangles and circles to this canvas, so that you can get an idea of where things will be and how much space they will take up.

Think about the value of your stream real estate

Above all, consider the value of your stream’s real estate. You are limited with your horizontal and vertical space, so you have to decide what you value the most. Every stream is different, so if you value a bigger webcam and chat box, then make sure they take up the appropriate amount of space.

Think ahead

Future proof your Twitch overlay template and designs. While we recommend 1080p as a good base point to design and plan for, higher resolution streaming is right around the corner.

Think realistically

Consider file size. This is where it gets a little tricky. You might think it’s best to make a 4k design, based on our above tip, but you also have to remember that you might be working with limited resources. Large videos can take up tons of space and even be taxing on your broadcasting software.


How Do I Animate a Twitch Overlay?

This is a question we get asked a lot. The best solution here is to learn some motion graphics software. While you can technically animate Twitch overlays with code such as HTML, CSS, and JS, it ultimately will take a lot more time than using traditional animation software. Since you’re likely making an overlay for yourself or a client, rendering a video or image will be the way to go.

What software do we use at Nerd or Die?

At Nerd or Die we use the Adobe Creative Suite. We like to start with ideas in Photoshop and Illustrator, and then move them into After Effects for animation. Unfortunately, there’s no real short cuts here. Your best place to start, if you’re completely new to this, would be graphic and motion design tutorials for the software you’d like to use.

Are there free alternatives?

Speaking of, there are free alternatives to the Adobe programs, such as GIMP, that should offer you the basic capabilities you’d need to design the overlay. While there are programs that are free for motion graphics, there aren’t any that we’d currently recommend.


Can I use Twitch Overlays with YouTube, Facebook, Mixer and other broadcast software?

Yes! The real question you should be asking is: does this overlay work with the broadcast software that I use? This means that if a Twitch overlay template works with Streamlabs OBS, and you use Streamlabs OBS to stream on Facebook Gaming, you can use that overlay with Facebook. When we create our designs we make sure that they work with OBS Studio, Streamlabs OBS, OBS.Live, and XSplit, which are the most popular broadcast software.


Our complete list of free Twitch overlays, alerts, and stream widgets

Below you’ll find a list of free overlays and scene designs. While some may have a “suggested” price, you can enter in “0” to receive the item for free.

What Our Users Think of Our Twitch Overlays:

"Such a great balance between good clean design and gamer aesthetic vibes - everything is so consistently visualized. As a complete beginner in this I was expecting hours of complicated tinkering and instead was accompanied by such an amazing tutorial video that it took no time at all to get everything working. Thank you guys, really a no small feat this is!"

Annkelia (verified customer)

Our Best and Most Popular Twitch Overlays and Templates

Kinetic Stream Package

Kinetic is a sleek, exciting Twitch overlay template with multiple color selections available. It’s a template that’s full of character and works well for streamers specialising in fast-paced shooters such as Apex Legends, Fortnite and Overwatch.

Kinetic Twitch Overlay

Interface Stream Package

Interface cuts like a knife as it slides across your Twitch stream. This battle-ready, cyberpunk inspired Twitch overlay template is perfect for those looking for an Apex Legends or Rainbow Six: Siege overlay template.

Interface Twitch Overlay

Apex Stream Package

Apex is the perfect Twitch overlay template for all E-sports commentary streams. It’s light and vivid, ensuring that it’ll grab your viewers’ attention without blocking the action.

Apex Twitch Overlay

Options for every streamer style

As you will see if you check out our store, style is always on our mind. We offer a grand selection of theme-fitting Twitch overlay templates that match the vibe of many popular games of today, but general enough not to push you into a corner. Whether you’re battling through Blackout royale in Call of Duty: Black Ops 4 or you’re playing the long game in DOTA 2, our Twitch overlay templates guarantee you’ll look as good as you play – which we’re assuming is pretty good!

How Do I Customize My Twitch Overlays?

For the perfectionist and creative

If you’re a Twitch streamer with a keen eye for design and further customization, many of our Twitch overlay templates can be purchased with access to the After Effects animated source files, meaning you’ve got full control over every aesthetic aspect of your purchased Twitch overlay template.

How does this benefit you?

Well, we know many professional streamers consider a Twitch overlay template as an asset to their brand. Color coordination and style sync is key for making a killer stream presentation. If you’re familiar with the workings of Adobe After Effects, our source files give any streamer master control of every visual aspect found within our Twitch overlay templates. There’s nothing that can’t be customized to your brand with our source files in your hands.

Kinetic Stream Package AE After Effects files

What Should Your Twitch Overlay Template Include?

Everything you need to start streaming on Twitch, YouTube, Facebook, and Mixer

Our Twitch overlay templates are feature rich. We bundle our overlay templates into full packages that include overlays for webcams, alerts, social bars, and much more. If you’re a user of Streamlabs and Streamlabs OBS we even include quick-setup files to get you going within minutes.

To give you an idea of what’s included in our Twitch overlay templates, to the right is a list of example contents of our packages.

Kinetic Twitch Stream Customizable Alerts

Overlay Package

  • Animated Overlay Files
  • Webcam frames (16:9 and 4:3 ratio)
  • Animated Event List
  • Screen designs (Starting, BRB, ending, and blank versions)
  • Stinger Transitions (blue, purple and green)
  • Quick setup Streamlabs OBS .overlay file
  • Icons for stream and social use
  • Profile panels and editable .psd

Alert Package

  • Fully customizable animated alerts
  • Quick install link for Streamlabs
  • Customize colors of all elements and fonts via our custom fields
  • Change the language and text used


Summer Sale Social Image

Streamer Summer Sale

Summer-Sale-Logo

20% Off These Full Stream Packs

Use the coupon code SUMMER at checkout to apply this discount!

Discount Code: SUMMER

Overlay Packs - Now Available Free!

We're making some of our favorite overlay designs available for free! Just enter in 0 in the Name Your Price section.

Name Your Price

Take 20% Off Our Hottest Products

Clean, Minimal, and Easy to Use

20% Off Clearview

Get the design that everyone loves. Clearview is easily adaptable to most games and applications, the layout is clean and unobtrusive of most interfaces.

Get Clearview
Love the 80s?

20% Off Retrowave

What’s cooler than the 80s? Well, lots of things – but we still love it. Go back to the hard-hitting, neon loving, radical and excessive synthesizer times with your audience.

Get Retrowave
Minimal and Stylish

20% Off Glitch

Change the color to match your brand or vision, add your logo, choose the perfect layout, modify menu settings, add animations, add shape dividers, increase engagement with call to action and more.

Get Glitch

Stream Deck Key Icons Nerd or Die

Free Stream Deck Icon Pack

We’ve designed over 180 free Stream Deck icons that you can use to create the ultimate studio controller. The icon pack has a consistent and clean design, as well as access to a Photoshop .psd file that allows you to create and expand upon the style. If you don’t own a Stream Deck or prefer to use other programs, such as Touch Portal, you’ll have no issues using these icons as they were made at higher resolution to support higher resolution displays. With the addition of the Stream Deck Mini, Stream Deck XL, and Stream Deck mobile, there's now an option that can fit every streamer's budget.Read more


FacebookBanner

Facebook Gaming Alerts for Stars, Shares, Supporters and Likes Are Now Available!

We’re happy to announce that select products support Facebook Gaming Alerts! This means you can show notifications on stream for your likes, shares, supports, stars, and more! Current a few of our designs support Facebook Gaming alerts completely, and we’re working hard to add more each week. To find out the full list, you can click on this link, or sort by Facebook in the shop.

How Do I Setup Facebook Gaming Alerts and Notifications?

If you’re new to the streaming world, setting up your channel can be quite a challenge. We’ve worked with streamers for the past 6 years and have always done our best to make setting up our products as easy as possible. Follow the step-by-step instructions below to get started, and to be on your way to having a better looking stream!

  1. Sign up for Streamlabs.,This is currently the only place we know of that supports Facebook Gaming Alerts and Notifications. Streamlabs will be used to drive the alerts and interactive elements in your stream. For this guide, they will be used as your notification platform.
  2. Connect Streamlabs with Facebook Gaming. Under settings > account settings you will find a connections tab that let’s you connect your Streamlabs account with Facebook. This will enable Streamlabs to push notifications when you receive shares, likes, supports, stars, and more!
  3. Download and unzip one of our products. As I mentioned above, these products support Facebook Gaming. There are premium and free alerts that you can use from our website. Once you’ve found the right fit for you, download and unzip the product somewhere onto your computer.
  4. Click the import link in the product folder. Now that you’ve got the product unzipped, you can quick one of the “Quick Install” guides. While the wording may vary slightly in different products, you should be able to find a quick install link that will automatically bring you to Streamlabs.
  5. Select a theme to import the alerts into. Our quick-install link will automatically bring in any files and code that you need. Once you”ve clicked the link and you’re brought to the Streamlabs page, you’ll find that can select “USE” on any widget profile you’ve created. This will import our designs to that profile. Generally we recommend that you create a new widget profile for this process, so that you can save any of the default or custom designs that you’ve used in the past.
  6. Customize your alerts. Depending on the product you’ve selected, you’ll be able to further customize your alerts. Please refer to the product’s read me guide for more information about this.
  7. Add your alerts into your streaming software. With everything set up, we can now bring the alerts into you streaming software. This means software like OBS Studio, XSplit, Streamlabs OBS, and more. You can do this via the Browser Source option in your streaming software. This basically means you’re opening a web page in your streaming software. The webpage that you’re opening will be your Widget URL link found in Streamlabs. You can customize the width and height of this source as well, to better fit your stream design.
    1. Note: We quickly want to mention that the Streamlabs notification platform will work with all other types of streaming software.
  8. Test your new Facebook Gaming Alerts. In the Alert Box section of Streamlabs you will find buttons that allow you test your alerts. Click these while watching your software to make sure each alert works as intended.

Free Facebook Gaming Alerts and Notifications

Looking for some free Facebook Gaming Alerts or Notifications? Don’t worry, we have you covered! Our Free Alert Maker now fully supports Facebook Gaming. Create your own minimal alerts for Twitch, YouTube Gaming, Mixer and more! This alert system uses Streamlabs and allows you to edit almost everything about it!

GET THE FREE ALERT MAKER