The Base64 converter widget allows you to encode or decode your input directly in the browser so that you can easily copy it.
How can I use the Base 64 converter widget?
You can insert your input which you would like to encode or decode and it will automatically show you the encoded/decoded output. To switch between the different outputs use the dropdown in the top right corner.
Custom widgets that you might like
Compress and compare images with different codecs, right in your browser.
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
CSS Gradient Generator
CSS gradient generator tool that lets you create colorful background gradients.
CSS Background Patterns
Beautiful pure CSS background patterns that you can actually use in your projects!
Preview and choose the right type scale for your project. Experiment with font size, scale and different webfonts.
Helps you choose fonts for your crafting projects.
CSS Grid Generator
Learn CSS Grid visually and build web layouts with this interactive CSS Grid Generator.
Create beautiful product mockups in just a few clicks.
Quickly generate your favicon from text, image, or choose from hundreds of emojis.
A collection of web development cheatsheets.
CSS Easing Cheatsheet
Make animations more realistic by picking the right easing function.