Customizable Twitch Panels

Make customized Twitch Panels for free and without the assistance of Photoshop, GIMP, or any image editing software! This is my first customizable free resource and hopefully it’s one of many.  Choose your colors, icon, font size, text to include on the panel, and more!

A huge shoutout to @Tehkhop for helping me out on a few parts of this small app.

Also, thanks again to (follow her on Twitter @UbiMiiSTY) for letting me use her base design in this project.


Having trouble viewing this app? Click here.

How to Customize Your Twitch Panels

Watch the video or read the instructions below.

  1. Use the input controls to design your panel.
  2. Right click the panel and select “Save Image As…”
  3. That’s it!  You’re ready to upload them to Twitch!

Use the app inputs to make the panel look exactly the way you’d like it to!  I recommend that you start with the panel with the longest panel text.  So 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.

You want to do this so that your font sizes and text alignment are all the same.  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.

Padding Example
An example of your images with and without padding, as links and non-links.

Please let me know if you have any problems with this app!

If you’re experiencing any issues, please let me know in the comments below.  It will be much easier for me to add icons to this system, versus my previous post.


  • 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.
  • Ravens

    Haha, this is much needed for all the different request you’ve been getting for the panels. 😛

    • Derek

      Definitely. This will enable me to the following as well…
      1) Add icons quickly
      2) Allow users to use different languages (will add font drop down in the somewhat near future)
      3) Make similar apps for overlays etc!

  • Pingback: Twitch Panels for free, and Setup Guide - Nerd or Die()

  • Wicked

    Pretty Dope

  • Derek,
    Awesomeness is embodied here! Thank you Derek for this outstanding tool and for making it available for all of us.

  • D7X

    Dude, you’re awesome! I used your default ones at first, and now this! I searched FOREVER for free custom ones. Yes, It’s quite limited, but hope for more options in the future! Will you make more options in the future? Thanks =)

    • Derek

      Some next options have been made since you posted 😀 Check the updates at the bottom (or just check out the app). Enjoy!

      • D7X

        Thanks, man! I edited my reply before I saw your text, sorry. Anyway, in the future will there be more background designs? Thanks for adding the font option =) Good luck in the future, Derek!

        Hope to see more from you in the future! if anyone want to see what I did w/ the panel =P

        • Derek

          Nice! Red and black, always a good choice 😀

          • Thanks! Sorry for the questions, but what do you plan to do in the future? (Ex: Offline banner, more options, etc.)

            Once again, thanks! =)


          • Derek

            I plan on making an overlay maker next, offline image creator after that, then a “BRB” sort of overlay thing, and then from there seeing what people are interested in. My goal is to enable any new streamer to have all the basic graphics needed to get started.

          • Awesome! I look forward to seeing these great updates! ^.^

  • Darko

    How about a snapchat icon? 😀

    • Derek

      Snapchat is added, will note to add Tumblr next time I do an update.

  • Pavel Lesnikov

    Thank you!

  • Gisse

    Can u add icon?

    • Derek

      Just added it, let me know if you have any other suggestions!

  • Dragon4424

    Can you add a Uplay icon?

    • Derek

      Uplay has been added 😀

  • DerpyGentleman

    The Icon’s glitch when i use twitter or youtube then I just see nothing but the coloured background

    • DerpyGentleman

      Nevermind you can fix it by just turning of any add blocking program

  • John Orwig

    I might be dumb for asking, but I don’t know how to get the app. How do I get the app?

  • Tim LinkTom

    Can I get a pokeball one and/or a 3ds one

  • Peter Gomez

    I strongly suggest you make an Extra Life icon, as a lot of streamers use Extra Life for raising charity money. A PayPal button would also be nice. Regardless, thank you for the amazing work here. You’ve made my life easier.

    • Derek

      Both of those are excellent suggestions, added to my list – will update ASAP.

  • Nick Tengler

    These are great. Thanks for this tool. One request, could you add a text horizontal align. Just like your vertical one. I apologize if youve already had this suggested.

  • Matthew Woolley

    It is not letting me customise my panels!!!!

    • Derek

      Can you please explain what you mean a bit more?

      • Matthew Woolley

        I go on the page on my computer and it has no options for me to customise. Just say

  • The Jester

    Might I suggest being able to upload an image to go behind where the wording goes on the panel

  • Adam kehoe

    May I suggest One for CSGO and a Padlock ? keep up the great work!!

    • Derek

      Scheduled for next update.

  • John Orwig

    This is GREAT man. Thanks 1000 times over. One icon i feel like is missing but i dont really know how you would achieve it, would be a goal(s) icon

  • Silentmode

    I can’t save image from mobile. Is there any other way?

    • Derek

      As of now, no, sorry. I’ll look into a ‘download’ button of sorts in the near future.

    • Silentmode


  • Absolutely love this… more-so since I have no graphical ability of my own, at least not on the computer. LOL. Would love something for Generic Swag or something like that.

    • Derek

      As in a merchandise type icon? You should check out the overlay maker as well if you need more!

      • Yeah… something like a shirt icon or something. I did… even though I have been going through your tutorial videos on how to use it. LOL. I made a bunch of icons thanks to YOU, and I have not started streaming, but I want to look nice before I do. 😉

  • Matt Pikowsky

    I saw below that you stated you might make a overlay maker and I was wondering if you have put that into the making yet?

  • Darko

    An icon for Spotify? 🙂

    • Derek

      I’ll try to remember for the next version – good idea though… maybe next version let’s you add your own icons too if I don’t have 😀

  • Levent Welcome

    This is a GREAT. But it doesn’t support Cyrillic fonts 🙁

    • Derek

      I wasn’t smart enough back then 🙁

  • Ephemeria Gaming

    Great idea thx for my twitch !

    • Derek


  • This is a fantastic resource! Can you add WordPress icon to the list? I use wordpress as a main hub for my youtube and twitch. Thank you so much!! 😀

    • Derek

      New versions will be easier/quicker/more adaptable to use… look forward to it!

  • Gavin Wolfgang

    Can you add a Nintendo Network icon???

  • Kay Park
  • Maybe just me, but I can’t seem to get custom (non-standard Windows fonts) to work with this any longer? Worked months ago last time I checked, and custom fonts still work on the Overlay-Maker tool.

  • Kyle Beardsley

    how do I download the app?? I cant find a link to download anywhere, or simply edit the panels I have watched your video but I see nothing on this page for editing the panels

    • Derek

      You just edit right within the page.

      • Kyle Beardsley

        I have turned off all ad blocking and firewall to try and use it and still nothing is there any other way to access them?

  • Kyle Beardsley

    how come I cant edit any panels?? I there is no sections allowing it and no download to download an app for it?

    • Derek

      Sometimes ad block screws up the icons.

  • Daniel Chen

    Icons for youtube and twitter (and maybe some others are unavailable {they’re missing})

    • Both the YouTube and the Twitter Icons are there for me:
      Perhaps it was a glitch.

    • I went back and checked all of them and they are all there. It must have been a glitch. I hope it is all working correctly for you now. Derek was very kind in creating this resource for all of us. 🙂

      • Daniel Chen

        I’ve restarted my browser and selected twitter/youtube however they still remain on their previously selected icon.

        • What browser are you using?

          • Daniel Chen

            I’m also using Chrome with the latest updates

          • Daniel Chen

            Ok I see the issue was with adblock, adblock makes some icons dissapear

          • Okay, maybe turn off a few of the extra settings in AdBlock or whitelist this page. It all works fine for me and I also use AdBlock, but I have only enabled the anti-malware extra functionality in addition to the standard functionality.

          • NerdOrDie

            This is strange, but great to know… will look into it.

          • I am glad you got it sorted. 🙂

        • I am using Chrome and I just also tested it in Firefox and all is well on my end. Check and see if your browser may need to be updated, perhaps.

  • marc baker

    I’m on Macbook and it won’t let me right click the panel so I can save 🙁 need help

  • Matt Domeny

    Awesome app, but it doesn’t seem to work with fonts that aren’t native to my computer. I have some fonts that I downloaded from a third party site and put them in the same folder as the rest of my fonts, but this app doesn’t seem to recognize them.

  • Emperor of the Jukecity
    hey guys from nerdordie
    i have an issue with your panels, panel is not showing me any type of text, any color, just nothing. Like there wouldn’t be anything. Just a grey pattern vector white design. Do u know what issue that is?

    • NerdOrDie

      Looks like the JavaScript isn’t working. Are you on a phone? Can you try using a different browser like Chrome or Firefox?

  • Bottle of Beer

    This is great.

    Requests for Logo’s:
    – League of Legends (the iconic L)
    – Curse Voice (as a competitor of Discord)

    Keep at it!

  • Male Parental Unit

    Can’t dowload

    • NerdOrDie

      Could you provide any additional info on what browser you’re using? I recommend trying Chrome or Firefox. Did you try using the download button or the right click method?

  • Pawn

    I’d love to see a Artstation icon added to this

  • Tahmid Hasnat

    These are brilliant. Thank you for this unbelievably helpful tool. I’m going to use this on my channel!

  • Thanks so much for this!!

  • nick_XIII

    This is amazing! I’m trying to get my channel up and running, and I want it to look as good as possible, and these buttons are going to go a long way! Keep up the great work, and I’ll be sure to ad a link on my page so others know where to get these from!

    • NerdOrDie


  • hoxy

    Is it true you can’t download via Safari? Nothing happens when I press the download button.

  • Can you add HTC Vive icon? Regardless thank you very much for this app, very helpful!

    • If anyone knows who i am able to contact about this request that would be greatly appreciated thanks!

  • Very nice …but Deezer and Spotify are great to be add

  • Abram

    Won’t let me add the Griffy font even after refreshing the page and installing the font.

  • lisia

    not even letting me save my panel the download button isn’t working

  • Hitbox,azubu and some others missing!

    • tolik

      On this site you can make panel and upload your custom icon.

    • Derek

      Our new panel makers have the ability to upload any of your own icons 😀

      • jared chance

        How do i upload my own?

  • Elijah Fleming

    the app wont let me dowload

  • Elijah Fleming

    I Cant right click and save nor does the green download button do anything

  • PryMary

    Can you please add a icon as that platform is much better than youtube and would prefer to link my channel than shittube

  • Please could add, and

  • Bryce Clifford

    custom image input for Icons would be sweet. it loses the shadow but expands possibilities.

  • Emmett Dooley
    • NerdOrDie

      Looks like an error with Twitch, to be honest.

    • Lin Schka

      Having the same problem. Did you fix it somehow?

      • FFeldbak

        i have the same problem plz help ?

      • FFeldbak

        okey i nomal use firefox but i try useing chorme at it work just fine

  • Kyle Dempster

    These buttons are awesome! Any chance we could get a Reddit logo?

  • RaidZeroX

    Great stuff man. Thx for the work. My Twitch looks so much better thanks to you. Definitely everyone should put your link at the bottom of their Twitch page. I certainly did. Cheers!

  • Jill Vanderhoff


  • ValerieJean

    Hiyas hope this is still going I fell onto this helpful bit! What about a Fleur de Lis for an icon?

  • Justin Rachac

    Wont let me right click to save nor does the download button work >.< help

  • Prescore

    what are the formats for this panel? ? x ?p

  • Koren Bel Canto

    How do I download it on a Macbook Air?

  • Larry White

    wont let me right click and save as. also wont download when I click the download button.

    • NerdOrDie

      Unfortunately not all browsers are supported, can you try it in Google Chrome?


    Hey, thanks for that great tool ! Could you add icon ? Since it’s becoming more and more popular, I could really use it 🙂
    Cheers !

  • Casey Sawyer

    For some reasons it wont let me download into downloads when finished.

  • Benjie Foxilia

    The download button isn’t working for me. T-T (Mac user, if that matters.)

  • Cassey Denise Jane Lynch

    Doesn’t allow you to use custom fonts, even though they are installed on your computer. You can only use fonts already installed on your computer, and none that you download and install from the internet.

  • Alexander

    Please man fix ABOUT ME PERSON ICON!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  • You rock! Best resource ever. Thanks much!

  • Add Telegram please

  • PinkPlush

    I just tripped over your site here today searching for some pink buttons for my Twitchaccount.. I must say You did a great great job with your guys/girls! .. Thank you so so much! If i can link you somewhere just let me know! 🙂 .. Thaaaank you! Best regards, keep the good work up …


  • Naassom Silva

    Rockstar Social Club icon?

  • Steven Acklin

    I can use a custom font on Microsoft Edge, but I can’t download the panel… On Google Chrome and Mozilla Firefox, I can’t use said custom font though I can download the panel… I REALLY want to be able to make more Final Fantasy font panels like I was able to before, what am I doing wrong?

  • Chase Lemon

    So I input a font name, typed exactly as the font says the name is, but when I download and open the file, it’s not using the font?

  • Tebbers

    What are the dimensions of the left side and right side?

  • emma peterson

    hi! since I cant see it over the ads:) I had to click on the trouble viewing this add then I made my thing all nice but when I went to click the download button it wasent going anywhere on my computer I don’t know hot to fix this

  • Payton Chapman


  • James Baker

    soundcloud pannel would be nice

  • Turnbot

    icons for twitter & youtube not working

  • Vesi

    I can’t seem to get the font to change to BigNoodleTilting. I have the font installed on my computer and I have tried entering the font name in multiple variations (Big_Noodle_Tilting | BigNoodleTilting etc)