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.
Frontend Toolkit helps you organize everything you need in your daily work in one place. Without annoying ads and fully customizable. Say goodbye to cluttered websites and hello to a streamlined experience.
Go to your dashboardPrebuilt widgets
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.
Automatically convert your JavaScript code to TypeScript. Minify, beautify or format your JavaScript and TypeScript code.
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.
Missing something that would be useful to have on your dashboard?
Keep track of your todos, compile a list of essential tools for your next project, or store your frequently used code snippets in a user-friendly and easily readable format. Upgrade your productivity and streamline your workflow with markdown.
# Build image
docker build -t <imageName> .
# Start new container with image
docker run -dp 3000:3000 <imageName>
# Get container ids
docker ps
# Get logs from container
docker logs -f <container>
# SH into running container:
docker exec -it <container> bash
Customizable dashboards
Unlock the power of organization and collaboration with our dashboard features.
Create multiple dashboards to track and manage different projects and teams, all in one place.
Keep your data secure by making your dashboards private or password protected.
Easily share your public dashboards with anyone, simply by sending a link.