ERROR: The quick links require JavaScript to load and function.
ERROR: The navigation buttons and header require JavaScript to load and function.

Note: This page is for creating the weapon card image. Looking for a way to add custom weapons into the live build of Team Fortress 2? Click here!

TF2 Custom Weapon Card Creator

remove #savetf2 theme

Welcome to my TF2 custom weapon card creator tool! My goal with this tool is to make the most featured weapon card creator so you can easily put weapon concepts into a weapon card form.

Also, #savetf2

I make other TF2 related things as well. If you like this, you might want to check out my TF2 Minecraft Sound Pack.

To-do List (potentially upcoming features)
  • Painted Items (icon and text)
Changelog

December 7, 2022

An update to this tool has been released. The major changes include:

  • Merry Smissmas! Several new features have been added in the spirit of giving. They won't be removed after the holidays, obviously.
    • Added a "Festivized" option.
    • Added a pro tip that points out how users can create a "Crafted by" line.
    • Added a gift from and date option.
  • Fixed a bug that caused the "show strange counter" option to not be properly loaded.
  • A new competition event has started and will end on December 21st.
Previous changes

September 15, 2022

An update to this tool has been released. The major changes include:

  • Added a pyrovision restricted icon that the user can toggle just like the halloween restricted icon.
  • Added a parameter for users who want to create a weaponcard for consumable items with limited uses (e.g. keys)
  • Overhauled UI
  • Added a inventory restrictions category for users who want to specify that their item is non tradeable, for instance.

August 11, 2022

An update to this tool has been released. The major changes include:

  • Added an option for users to load a preset of every weapon in vanilla TF2 as a base. (Huge thanks to fortissimo3 and FizzleDrunk for doing the incredibly tedious process of creating a .weaponcard for each and every weapon in TF2, so I could include it as presets)
  • Added an option for users to indicate that their creation is "limited edition". This simply changes the color of the level to yellow and can be seen on weapons like the Bread Bite.

July 25, 2022

An update to this tool has been released. The major changes include:

  • Fixed a bug that caused the weapon card to sometimes be clipped on the bottom when text just barely fits in one line. (Thanks to CalvinP#0777 for providing the .weaponcard that was crucial to allowing me to diagnose this bug)
  • Added a checkbox to let users choose whether or not they want the little strange counter icon to appear on the weapon card image. Until now, this was automatically placed if the selected item quality was strange. Now you can have a strange unusual or a strange collectors item card!
  • New attributes after the first one are now empty by default to facilitate the use of empty attributes as spaces.

July 4, 2022

An update to this tool has been released. The major changes include:

  • Added an option for users to write a string of credits. Users can even type HTML in the input box to create links. Links will only be clickable if the weapon card is exported as an SVG.
  • Changed the "pro tip" to mention that you can use empty attributes to create more visible spaces between large attribute blocks.
  • Added item grades as options in the item qualities.

July 1, 2022

An update to this tool has been released. The major changes include:

  • Added a "copy" option for users who don't want to download their weapon card and instead want to simply copy it to their clipboard to share it. This does not work for SVGs.
  • Fixed a bug that caused long strings of text to not wrap properly and flow off the weapon card (Thanks to "Herr Katze" for the bug report).

June 26, 2022

An update to this tool has been released. The major changes include:

  • Removed the .jpeg download option due to it not supporting image transparency.
  • Added a resolution scalar option to change the resolution of your png. Higher is better, but increases file size and may overload the web page if set too high.
  • The "Load" button now automatically clicks the "generate" button after it loads.
  • Slight code cleanup.

June 24, 2022

An update to this tool has been released. The major changes include:

  • Added a save and load feature for weapon cards
    • Users can now download a ".WEAPONCARD" file, which is a special file type I've developed that contains all the info the site needs to load all your changes.
    • This was added to help users who spent a lot of time creating a weapon, and then realized they made a minor typo somewhere or want to change a small thing but have already closed the page. This saves them the pain of having to re-create everything from scratch!

June 10, 2022

An update to this tool has been released. The major changes include:

  • Added an option for users to indicate which classes their creation is for.
  • Implemented support for several on-image icons to display at once.
    • Added a strange quality icon that automatically shows up if the user has selected "strange" as their item quality.
    • Added an option for users to indicate wether their creation is halloween restricted or not.
  • Added a "strange part" system.
  • Fixed a bug that caused accordion menus to overflow.

Developer message: It's an incredible feeling to see so many people use my tool! Thank you so much for the support. Seeing everyone send me their creations on Twitter motivated me to release this update because it showed how many people use my humble app.

May 23, 2022

An update to this tool has been released. The major changes include:

  • Added the unusual effect icon on the image for when the uses make the item unusual.
  • Added the option for the user to indicate if the item set bonus is completed.

Developer message: There is some async Spaghetti code in the dom to png converter I'm using that I don't fully understand, but putting a delay function seemed to mostly fix the issue. If the unusual effect icon isn't showing up for some reason, try changing the download type and changing it back, then try again. Don't ask, the TF2 Spaghetti monster has arrived. If you think you have the skills necessary and would like to develop this app, please join my discord because I most likely won't be updating this anymore. I could add a halloween restricted icon, but I just don't have the motivation to work on this app anymore considering the game it's for is a bot infested wasteland.

May 21, 2022

An update to this tool has been released. The major changes include:

  • Added an optional "Unusual Effect" input.
  • Added item sets and item set bonuses.

Huge thanks to FizzleDrunk for suggesting these two feature ideas in the comment section ♥.

Important message: The code for this project is a Spaghetti nightmare because I didn't expect it to blow up and to add a ton more features. I also have left the TF2 community as I don't see the bots in casual getting any better, so I stopped playing. This lack of interest in TF2 may cause future updates from this point onwards to slow down drastically. I would gladly return to TF2 if the game is playable again. Thank you for all the support everyone!

December 12, 2021

An update to this tool has been released. The major changes include:

  • Added a pro tip to help users increase the image resolution of their creation!
  • The app now automatically names the downloaded file to match whatever the custom item name the user gave.

December 11, 2021

An update to this tool has been released. The major changes include:

  • Added a warning when the user is about to close the page to prevent users from fat fingering a link and accidentally deleting their creation.

December 10, 2021

An update to this tool has been released. The major changes include:

  • The user can now change the order of the weapon attributes after creating them.
  • Added some mouseover tips for what some of the settings do.

Developer comment: In true TF2 fashion, I didn't really expect to keep updating this, so it is written really badly and even adding the most simple features feels like moving through quicksand. Spaghetti code molment, I suck at programming lmao. Maybe someday I will go through the code and try to clean it up, but for now it works. The biggest bottleneck is converting a webpage DOM into an image file. If you think you might know of a better method, please contact me on my discord’s dev channel!

September 28, 2021

An update to this tool has been released. The major changes include:

  • The user can now change the item quality of their creation.

Time to make your own!

upload image
Current Image:



Strange parts configuration
Add strange part





Classes that can use this weapon (optional)
add attribute

Add set member


GENERATE!


download copy

Donate? ♥

Fun fact! You can save your card's data as a .weaponcard file to edit it later!
saveload Want to load a preset?

Pro tips:

  • You can add empty attributes to create space between large attribute blocks, so it's more clear that they are separate.
  • You can add a "Crafted by Player" line by adding it as a positive attribute in the first attribute position.

Credits

This tool made by me. Feel free to use it, but credit would be appreciated!

Thanks to the official TF2 wiki and inspect element for a general idea of how to re-create the TF2 style with CSS.

Thanks to Valve through their official TF2 media kit for their font.

Thanks to tsayen for having made a DOM to Image library.

Thanks to fortissimo3 and FizzleDrunk for doing the incredibly tedious process of creating a .weaponcard for each and every weapon in TF2.

Let me know what you think about my TF2 Custom Weapon Card Creator! Any suggestions? Issues? Communicate!

Looking for the comment section? It was removed on 6/23/2022 due to Disqus using unsafe ads and messing with my localStorage system. Instead, please use our new discord server and the subreddit to share your weapon concepts!