12 open source browser tools and how I've built them

This page summarizes the projects mentioned and recommended in the original post on dev.to

SurveyJS - JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io
featured
InfluxDB – Built for High-Performance Time Series Workloads
InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
www.influxdata.com
featured
  1. omatsuri

    PWA with 12 open source frontend focused tools

    It's not enough though, since I wanted to give an option to change theme. To achieve that I've created ThemeProvider component that wraps entire application and provides theme value via react context. To get theme in any component all I need is to call useTheme hook:

  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

    SurveyJS logo
  3. xooks

    General purpose react hooks collection

    xooks – React hooks library that includes all hooks that I've used during Omatsuri development (localstorage manipulations, system theme detection, clipboard utils and six others).

  4. svgo

    ⚙️ Node.js tool for optimizing SVG files

    There is actually only one good library for SVG compression (SVGO) written in JavaScript. And it does not have browser support, only Node.js. I found it very strange as compression is based entirely on string parsing and does not include any node specific logic.

  5. worker-loader

    Discontinued A webpack loader that registers a script as a Web Worker

    I was surprised how easy it is to work with web workers in webpack. All you need is worker-loader that will handle all worker bundling for you.

  6. offline-plugin

    Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)

    Since Omatsuri is a browser only application the only thing that we need from service worker is to cache assets and provide app shell. Offline plugin does exactly that, the only thing we need to do – add it to the production build in webpack config:

  7. svgo-browser

    svgo fork with interface for browser and additional tweaks for node

    So my first task was to migrate SVGO to browser. It was pretty easy, since all core logic did not require any modifications. And now you can use svgo-browser library in your projects if you ever need SVG compression in browser.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • User Friendly Image Optimization Tool

    2 projects | dev.to | 19 May 2025
  • How to optimize SVG files for better use in projects?

    2 projects | dev.to | 26 Mar 2025
  • F360 going crazy over a client supplies SVG. Anything to clean it up?

    1 project | /r/Fusion360 | 25 May 2023
  • What is the benefit of stripping viewBox?

    1 project | news.ycombinator.com | 26 Apr 2023
  • Создаем React-компоненты иконок с помощью Figma API и SVGR. Часть 2.

    6 projects | dev.to | 16 Nov 2022

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?