---

Screenshots

---

Details

---

---

Frontend Toolkit Main Features

• Add markdown
  Keep track of todos, tools, or code snippets in a simple and readable format.
• Regex Tester
  Test regular expressions with highlighting for JavaScript.
• CSS Converter
  Make CSS code smaller or prettier and copy it easily.
• SVG Converter
  Improve your SVG images and turn them into code for React, CSS, or Base64.
• URL Converter
  Encode or decode URLs and quickly copy the new link.
• Embed websites
  Add your favorite websites to your dashboard for quick access without switching tabs.
• JSON Converter
  Make your JSON data compact or nice, and create TypeScript codes from it.
• Color Converter
  Change colors to different CSS units by pasting your color.
• Image Converter
  Compress images like JPG, PNG, WebP, and GIF in your browser.
• JS/TS Converter
  Automatically change JavaScript code into TypeScript and vice versa, with options to minify or beautify.
• Base64 Converter
  Encode or decode Base64 strings and copy the results easily.
• Built-in widgets
  Pre-made tools help you do common tasks quickly and easily.
• Npm Package Size
  See how big your npm dependencies are using a special tool.
• Share dashboards
  You can easily share your dashboards with others by sending a link.
• CSS & SVG Symbols
  Copy and use a collection of SVG and CSS icons and symbols.
• Create dashboards
  You can make different dashboards to organize your projects and teams.
• Private dashboards
  Your dashboards can be private or protected with a password to keep your data safe.
• CSS Triangle Generator
  Create CSS triangles in different directions, sizes, and colors with a preview.
• Customizable dashboards
  Organize and view multiple projects or teams in one place with options for privacy and sharing.

---

Verified Badge

---

Frontend Toolkit Alternatives

---

Technologies Used

View All Technologies