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 dashboard
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.
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.
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
# Get logs from container
docker logs -f <container>
# SH into running container:
docker exec -it <container> bash
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.
Create now your free account and use the full potential of Frontend Toolkit.Get started