For a Limited Time Save 40% on Any Premium Upgrade
Twitch Panel Maker
Free Custom Twitch Panels
Make custom, personalized Twitch Panels for free and without the assistance of Photoshop, GIMP, or any image editing software! We hope this tool can help you improve your presence and professionalism on your platform of choice. Choose your colors, icon, font size, text to include on the panel, and more!
Upgrade your Stream with Twitch Overlays, Alerts, and Widgets
Did you know that Nerd or Die makes a lot more free content for streamers? We also offer premium themes to help you upgrade your channel for a professional appearance.
How to Customize Your Twitch Panels
Follow these simple instructions:
- Use the input controls to design your panel.
- Click the “Save Panel Image” button
- That’s it! You’re ready to upload them to Twitch or Mixer!
Use the app inputs to make the panel look exactly the way you’d like it to! I recommend that you start with your panel that will have the most text. As an example, if you’re making two panels with the text “Subscribers”, “Donate”, and “About Me”, you should start with the “Subscribers” panel, as it takes up the most horizontal space.
This method allows you to create a consistency of font sizes and text alignment for all your panels. However, if you don’t want to have the same font sizes, that’s fine too!
Options Available
The follow options are currently available for this app:
- Left Side Color – This input is done through a color picker. Changing this color will change the background color of the box on the left side. This is the box that contains the icon. By default it is set at #23b85e – you can use the pallette, HSL Slider, or color input to select your color.
- Right Side Color – This input is done through a color picker. Changing this color will change the background color of the box on the right side. This is the box that contains your panel text. By default it is set at #101220 – you can use the pallette, HSL Slider, or color input to select your color.
- Text Color – This input is done through a color picker. Changing this color will change the text color of your panel text. By default it is set at #ffffff – you can use the pallette, HSL Slider, or color input to select your color.
- Panel Text – This input field controls the text to be included on your panel. The text will be updated as you type.
- Icon – The icon dropdown will change the image displayed on your stream panel. Simply choose any of the pre-made icons and it will be updated on your panel automatically.
- Text Size – Use the text size slider to select how big you would like your panel text.
- Text Vertical Align – The text vertical align slider can be used to move your text along the Y-axis. This option is useful if you’d like to move your text towards the top or bottom of the panel. On some browsers the text will not be automatically aligned to the middle.
- Add Padding – For some Twitch panels you will like “padding” or empty space on the bottom of your panels to add space between your image and text that you may be putting underneath it. Selecting Yes will show the checkerboard, which indicates that there will be empty space added underneath the panel. No will remove the padding and the image will include no empty space on the bottom.
- Font Family – Allows you to manually set a font of your choosing. Simply type in the name of any font that you have installed on your local system.
Should I add padding?
The easiest way to make your panels look great, is to “Yes” for padding if the image will be a link. If the image will not contain a link, then select “No” for padding.
Looking for Mixer panels?
We got you covered! These panels can be used with your Mixer profile as well! Simply download the images needed as normal, and upload to your Mixer account.
Updates
- (24/03/20) – Complete rebuild and UI update. View the classic panel maker.
- Added support for mobile scrolling on webkit devices.
- Added text box for font input. This allows users to enter any font they have installed on their system with these panels.
- Added support to directly input color code into the color picker.
- (03/08/16) – Added Game Wisp, Crown, Snapchat icons.
- (03/13/16) – Added Plays.TV, Tumblr, DeviantArt, Keyboard, Mouse, Battle.Net icons.
- (03/25/16) – Added Playstation, Xbox, Pokemon, PayPal, Extra Life, UPlay, and Thumbs up icons.
- (07/17/16) – Added download button and file name input.
We hope this free Panel Maker has helped you out!
Enhancing your content with Nerd Or Die doesn’t end here. We have a whole collection of easy-to-follow tutorials.
If there’s questions that you’re burning to know the answer to, you might find them here!
Otherwise, join us in our Discord #help channel and we’ll be glad to assist.
About the author
NerdOrDie
Nerd or Die has been creating streaming designs, templates, and tutorials since 2012. Our posts include general advice for content creators, as well as professional designs and resources available to all users.
178 Comments
Add comment Cancel reply
You must be logged in to post a comment.
This site uses Akismet to reduce spam. Learn how your comment data is processed.
Is there a Humble Partner panel and/or is there a way to upload a picture/logo so that is used in the panel?
It wont let me download or save image
Would the Patreon logo be able to be updated?
for whatever reason I am unable to save or download the panel this would be an amazing service if it was working.
The font I am trying to use won’t take…it won’t adjust.
Thank you! Using on twitch.tv/spookypimpin
<3 <3 Perfection !
how do you change fonts?
We are looking into making a patch to make changing fonts more simple in the near future. For now, the best way to do so, is match the font name exactly in the text input form labelled “Font Family”.
Why doesn’t it do anything when I click dashboard it just goes back.
how do you save the panel? I cant “download” or “save image as”. is this a free service or not?
The service is free, however you might be having issues with your browser. Can you try out Google Chrome, if possible?
it didn’t work using Microsoft Edge…. it worked when we used Google Chrome! Thank you all