We use cookies (and other similar technologies) to collect data to improve your experience on Frontend Toolkit.
By using Frontend Toolkit, you’re agreeing to the collection of data as described in our Privacy Policy.
Are you also tired of using websites cluttered with ads to do simple things like formatting JSON or compressing an image? Do you also use multiple tools to store your little helper scripts and things you don't want to forget? Frontend Toolkit gives you customizable dashboards that allow you to have everything you need, all in one place.
Go to your dashboardEverything you need to work efficiently
A set of built-in widgets allows you to do the tedious parts of your work quickly.
Convert your colors to different CSS units by simply pasting your color anywhere on the site. RGB to HEX, HEX to RGB, HEX to HSL and many more!
Optimize your SVG based on many different options and (optionally) transform the SVG to JSX, TSX, React Native, CSS or Base64.
Decode Base64 or encode Base64 strings and easily copy the transformed output.
Minify CSS or beautify/format CSS and easily copy the transformed output.
Encode and decode your url and easily copy the transformed output.
Regular Expression tester with syntax highlighting for Javascript.
Get size information about your npm dependencies. To determine the dependency size the awesome bundlephobia service is used.
Use the JSON Converter to minify or beautify/format your JSON. It can also generate TypeScript interfaces based on the JSON input.
Minify or beautify/format your JavaScript and TypeScript code and easily copy the transformed output.
Compress your images (jpg, png, webp, gif) easily in the browser and compare the outcome with the original image.
Generate CSS triangles in different directions, sizes and colors. Preview your selection and easily copy paste the CSS code.
Collection of SVG/CSS icons and symbols, easy to copy and paste as SVG or CSS.