88x31 Button Creator

Make custom 88x31 pixel buttons with text, colors, gradients, and textures

Welcome to my 88x31 button creator, this is a pretty rough and ready implementation so it could be buggy, please let me know if you find any issues.

This supports gif despite the basic canvas tag limitation courtesy of gif.js - none of this would be possible without that project.

Big thanks to neonaut’s 88x31 archive and everyone who made the buttons that appear there. You should check it out if you need inspiration for your button!

Important note: Some effects and animations stack, some don’t. Some work better with certain lengths of text or variables depending on text length. Experiment, see what happens.

Preview

Presets


Changelog

  • 07/01/2025 - Initial release.
  • 08/01/2025 - Total refactor to be modular, added many more effects.
  • 09/01/2025 - Rewrote the bevel inset and outset border code so they look a lot nicer at the corners. Updates throughout so that multibyte (emoji!) characters should work.
  • 13/01/2025 - Added ticker scrolling and flashing text options. Added a background image selector.

Cool People Who Have Linked To This Project

tdh.se , rknight.me , fyr.io , brennan.day , kuemmerle.name , craney.uk ,

Am I missing you? Email me or send a webmention!

Contact

If you found this interesting, have any comments, questions, corrections, or just fancy saying "hello" please feel free to get in touch. If you really enjoyed it you could consider buying me a coffee.

PGP Public Key:
Download
♥︎
♥︎