The JSON converter widget allows you to minify or format your JSON code directly in the browser so that you can easily copy it. You can also generate TypeScript types based on your JSON structure. The TypeScript types conversion is done using the json-to-ts library.
How can I use the JSON converter widget?
You can insert your code which you would like to convert and it will automatically format and minify your code and generate the TypeScript types. 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.