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.
- Clearview Lite Stream Overlay – A clean and minimal free overlay that includes a Streamlabs OBS .overlay file and static PNGs
- Stone Fire Stream Twitch Overlay – An overlay designed specifically for MOBA players, but includes files to work in any stream design.
- Counter Pro – Designed with CSGO (Counter-Strike Global Offensive) in mind.
- Warfare – A free overlay for Call of Duty Streamers.
- Atlas – A beautiful, clean, and minimal overlay.
- Free Scene Maker – Create your own scene designs with our easy to use scene maker.
- Call of Duty Themed Stream Overlay -Originally designed for Call of Duty: Infinite Warfare.
- Create Your Own Stream Overlay – Create your own simple overlay.
- No Man’s Sky (Sci-Fi) Stream Twitch Overlay – Originally designed for No Man’s Sky, this sci-fi inspired overlay is free for all!
- Overwatch Stream Overlay – A static version of our popular Animated Overwatch overlay.
- Christmas Stream Overlays and Widgets – A free Christmas themed overlay pack with widgets!
- Halloween Stream Overlay – A free Halloween themed overlay.
- Minimal Alert Maker – Works for Twitch, YouTube, Mixer, and Facebook
- Overwatch Stream Alerts – Works for Twitch, YouTube, Mixer, and Facebook
- Kinetic Chat Box and Goal Widgets – Download the “Free Extras”
- Interface Goal Widgets – Download the “Free Extras”
- Glitch Chat Box – Download the “Free Extras”
- Retrowave Chat Box – Download the “Free Extras”
- Social Media Popup V2
- Streamlabs Event List CSS
- Borderline Stinger Transition – Download the “Free Extras”
- Arcade Pop Stinger Transition – Download the “Free Extras”
- Predator Orange Stinger Transition – Download the “Free Extras”
- Kinetic Stinger Transitions – Download the “Free Extras”
- Interface Stinger Transitions – Download the “Free Extras”
- Uplink Stinger Transition (and Source File) – Download the “Free Extras”
- Prestige Stinger Transition – Download the “Stinger Transitions”
- Glitch Stinger Transitions – Download the “Free Extras”
- Retrowave Stinger Transitions – Download the “Free Extras”
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.
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.
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.
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.
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!
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.
The Best of Twitchcon 2019
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:
- Download a free or premium overlay from our store
- Unzip the downloaded files
- In your broadcast software add the type of source you’d like to use
- For images, add an image source
- For video files, add a media source
- Position and resize the sources as you’d like
- That’s it!
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.
- Clearview Lite Stream Overlay – A clean and minimal free overlay that includes a Streamlabs OBS .overlay file and static PNGs
- Stone Fire Stream Twitch Overlay – An overlay designed specifically for MOBA players, but includes files to work in any stream design.
- Counter Pro – Designed with CSGO (Counter-Strike Global Offensive) in mind.
- Warfare – A free overlay for Call of Duty Streamers.
- Atlas – A beautiful, clean, and minimal overlay.
- Free Scene Maker – Create your own scene designs with our easy to use scene maker.
- Call of Duty Themed Stream Overlay -Originally designed for Call of Duty: Infinite Warfare.
- Create Your Own Stream Overlay – Create your own simple overlay.
- No Man’s Sky (Sci-Fi) Stream Twitch Overlay – Originally designed for No Man’s Sky, this sci-fi inspired overlay is free for all!
- Overwatch Stream Overlay – A static version of our popular Animated Overwatch overlay.
- Christmas Stream Overlays and Widgets – A free Christmas themed overlay pack with widgets!
- Halloween Stream Overlay – A free Halloween themed overlay.
- Minimal Alert Maker – Works for Twitch, YouTube, Mixer, and Facebook
- Overwatch Stream Alerts – Works for Twitch, YouTube, Mixer, and Facebook
- Kinetic Chat Box and Goal Widgets – Download the “Free Extras”
- Interface Goal Widgets – Download the “Free Extras”
- Glitch Chat Box – Download the “Free Extras”
- Retrowave Chat Box – Download the “Free Extras”
- Social Media Popup V2
- Streamlabs Event List CSS
- Borderline Stinger Transition – Download the “Free Extras”
- Arcade Pop Stinger Transition – Download the “Free Extras”
- Predator Orange Stinger Transition – Download the “Free Extras”
- Kinetic Stinger Transitions – Download the “Free Extras”
- Interface Stinger Transitions – Download the “Free Extras”
- Uplink Stinger Transition (and Source File) – Download the “Free Extras”
- Prestige Stinger Transition – Download the “Stinger Transitions”
- Glitch Stinger Transitions – Download the “Free Extras”
- Retrowave Stinger Transitions – Download the “Free Extras”
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.
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.
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.
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.
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.
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
Streamer Summer Sale
20% Off These Full Stream Packs
Use the coupon code SUMMER at checkout to apply this discount!
Glitch 2 - New Release
Save $4 on our latest release, with After Effects Source Files.
Save Up To 90% On These Overlays and Alerts
New Specials Added Weekly! Ends July 13th, No Coupon Codes Needed.
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.
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.
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.
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.
Free Stream Deck Icon Pack
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!
- 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.
- 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!
- 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.
- 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.
- 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.
- 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.
- 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.
- Note: We quickly want to mention that the Streamlabs notification platform will work with all other types of streaming software.
- 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!
The Advanced Overlay Maker
Dive deep into an easy-to-use overlay building experience. The Advanced Overlay Maker gives you access to more than just pre-built overlay templates. Learn more about the AOM with our documentation page.
Deadmau5's Stream Design
