Open Source JavaScript Build Tools - Page 2
Sort By:
JavaScript Build Tools
View 56 business solutionsBrowse free open source JavaScript Build Tools and projects below. Use the toggles on the left to filter open source JavaScript Build Tools by OS, license, language, programming language, and project status.
-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
Enterprise-grade ITSM, for every businessFreshservice is an intuitive, AI-powered platform that helps IT, operations, and business teams deliver exceptional service without the usual complexity. Automate repetitive tasks, resolve issues faster, and provide seamless support across the organization. From managing incidents and assets to driving smarter decisions, Freshservice makes it easy to stay efficient and scale with confidence.
-
1
Relay
JavaScript framework for building data-driven React applications
Relay is data-fetching turned declarative. Components declare their data dependencies, without worrying about how to fetch them. Relay guarantees that the data each component needs is fetched and available. This keeps components decoupled and promotes reuse. With Relay, components and their data dependencies can be quickly modified without modifying other parts of the system. That means you won't accidentally break other components as you refactor or make changes to your app. Relay's compiler aggregates and optimizes the data requirements for your entire app, so that they can be efficiently fetched in a single GraphQL request. Relay handles the heavy lifting to ensure the data declared by your components is fetched in the most efficient way. For example, by deduplicating identical fields, and precomputing information used at runtime, among other optimizations. Relay also supports executing GraphQL Mutations, optionally with optimistic updates, and updates to local data. -
2
SQUEEZER
Squeezer framework, build serverless dApps
Squeezer is a platform that empowers new-entry blockchain developers to build serverless dApps simply as dead. The main usage of the ChainKit is to unify top blockchains interfaces into a single normalized API interface, therefore you can build blockchain dApps easily without digging into blockchain complex infrastructure. Bi-directional on-chain transactions (inbound and outbound). Build dApps connecting to smart contracts using chain kit agnostic connector. Quick intuitive code deployments by using a special mechanism that will deploy smart contracts and dApp services where code changed. Silent deployments, no interruption for the current functionality (really useful on production). One single command to simultaneously deploy all available functions on your project where code changed from the last deployment. Test your code locally on a simulated functions platform for a faster development cycle. -
3
Webpack Encore
A simple but powerful API for processing and compiling assets
Symfony ships with a pure-JavaScript library, called Webpack Encore, that makes it a joy to work with CSS and JavaScript. You can use it, use something else, or create static CSS and JS files in your public/ directory directly and include them in your templates. Webpack Encore is a simpler way to integrate Webpack into your application. It wraps Webpack, giving you a clean & powerful API for bundling JavaScript modules, pre-processing CSS & JS, and compiling and minifying assets. Encore gives you a professional asset system that's a delight to use. Encore is inspired by Webpacker and Mix, but stays in the spirit of Webpack, using its features, concepts and naming conventions for a familiar feel. It aims to solve the most common Webpack use cases. Encore is made by Symfony and works beautifully in Symfony applications. But it can easily be used in any application in any language! -
4
mui
High-performance framework closest to native APP experience
The gap between performance and experience has always been the primary reason for mobile app developers to abandon HTML5. The browser’s natural page-cutting white screen, the unbearable turning animation, the jittering of floating elements, and the inability to pull down to refresh smoothly, all of which frustrate HTML5 developers, especially when they get a low-end Android machine to run, and the phone falls. On the other hand, the browser default control styles are few and ugly, making a beautiful control is very troublesome, and there are some simple UI frameworks but low performance. The mui framework effectively solves these problems. This is a framework that can facilitate the development of high-performance apps, and it is also the framework that is closest to the effect of native apps. -
AI-generated apps that pass security reviewRetool lets you generate dashboards, admin panels, and workflows directly on your data. Type something like “Build me a revenue dashboard on my Stripe data” and get a working app with security, permissions, and compliance built in from day one. Whether on our cloud or self-hosted, create the internal software your team needs without compromising enterprise standards or control.
-
5
secure-electron-template
The best way to build Electron apps with security in mind
A current electron app template with the most popular frameworks, designed and built with security in mind. Once cloned, install the dependencies for the repo by running the following commands (you do not have to run the first command if your command line is already inside the newly cloned repository) Only load secure content (But the developer is responsible for loading secure assets only) Do not enable node.js integration for the remote content. Enable context isolation for the remote content. Handle session permission requests from remote content. Do not disable web security. Define a content security policy. Do not set allowRunningInsecureContent to true. Do not enable experimental features. Do not use enableBlinkFeatures. Do not use allow popups. <webview> verify options and params. Disable or limit navigation. Disable or limit creation of new windows. Do not use openExternal with untrusted content. Disable remote module. -
6
Browsersync
Keep multiple browsers & devices in sync when building websites
With each web page, device and browser, testing time grows exponentially. From live reloads to URL pushing, form replication to click mirroring, Browsersync cuts out repetitive manual tasks. It’s like an extra pair of hands. Customise an array of sync settings from the UI or command line to create a personalised test environment. Need more control? Browsersync is easily integrated with your web platform, build tools, and other Node.js projects. Built on Node.JS_ENTRY to support Windows, MacOS and Linux. Setup in less than 5 minutes. Browsersync is an open source project available to use under the Apache 2.0 License. Easily integrated with task runners like Grunt and Gulp, or included in other Node projects. Test your website against a slower connection. Even when devices are connected to wifi. Your scroll, click, refresh and form actions are mirrored between browsers while you test. -
7
Quasar Framework
Build high-performance VueJS user interfaces in record time
Effortlessly build high-performance & high-quality Vue.js 3 user interfaces in record time. Combine the power of Quasar UI with Quasar CLI. One source code for all platforms simultaneously with all the latest and greatest best practices out of the box. Focus only on your app's features and forget about the boilerplate around it. Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid Mobile Apps and Electron Apps. If you want, all using the same codebase! You get a state-of-the-art UI (that follows Material Guidelines) for your websites and apps out of the box. Best support for desktop and mobile browsers (including iOS Safari!) out of the box. Best-in-class support for each build mode (SPA, SSR, PWA, Mobile app, Desktop app & Browser Extension) and the best developer experience through a tight integration with our own CLI. -
8
React Rainbow
React Rainbow Components. Build your web application in a snap
React Rainbow is a collection of components that will reliably help you build your application in a snap. Give it a hack and let us know what you think. We designed each component with i18n in mind. Any new component or feature we may add in the future has to be able to work fully in different locales. Proper documentation based on interactive examples to help you understand the features of each component. We know how important it for you is to test your UI. Our npm package provides a webdriver.io page object for almost every component. Our components are test infected. We like to test our components as much as possible. -
9
Sass
An extension of CSS, adding nested rules, variables, mixins and more
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSS libraries. Sass boasts more features and abilities than any other CSS extension language out there. The Sass Core Team has worked endlessly to not only keep up, but stay ahead. Sass has been actively supported for over 14 years by its loving Core Team. Over and over again, the industry is choosing Sass as the premier CSS extension language. Sass is actively supported and developed by a consortium of several tech companies and hundreds of developers. There are an endless number of frameworks built with Sass. Compass, Bourbon, and Susy just to name a few. -
Full-stack observability with actually useful AI | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
10
Screwdriver API
An open source build platform designed for continuous delivery
Screwdriver is an open-source build platform designed for Continuous Delivery. Screwdriver began as a hack for simplified interfacing with Jenkins at Yahoo in 2012. As the volume of builds increased, it became clear that Jenkins was not stable or feasible to use at the scale we were running builds. In 2016, we rebuilt Screwdriver from scratch in open source with our best coding practices and CICD goals in mind. Screwdriver is executor and SCM-agnostic, meaning you can choose whichever plugin better suits your need or build your own. It's completely free and open-source, and our team is actively maintaining the code. Screwdriver is a self-contained, pluggable service to help you build, test, and continuously deliver software using the latest containerization technologies. We support an expanding list of source code services, execution engines, and databases so Screwdriver can work in your ecosystem. -
11
SuperAgent
Ajax for Node.js and browsers (JS HTTP client)
SuperAgent is light-weight progressive ajax API crafted for flexibility, readability, and a low learning curve after being frustrated with many of the existing request APIs. It also works with Node.js! Small progressive client-side HTTP request library, and Node.js module with the same API, supporting many high-level HTTP client features. Browser-ready versions of this module are available via jsdelivr, unpkg, and also in the node_modules/superagent/dist folder in downloads of the superagent package. If you are using browserify, webpack, rollup, or another bundler, then you can follow the same usage as Node. SuperAgent is easily extended via plugins. The Node client supports making requests to Unix Domain Sockets. DELETE, HEAD, PATCH, POST, and PUT requests can also be used, simply change the method name. Absolute URLs can be used. In web browsers absolute URLs work only if the server implements CORS. -
12
Vue CLI Plugin Electron Builder
Easily Build Your Vue.js App For Desktop With Electron
If it works as an SPA, it will work in Electron. Because it extends your regular config, it works with all plugins and customized webpack options. All the functions of VCP Electron Builder are entirely configurable and well documented. VCP Electron Builder provides tools for easy debugging and testing, powered by Spectron. Open a terminal in the directory of your app created with Vue-CLI 3 or 4 (4 is recommended). Then, install and invoke the generator of vue-cli-plugin-electron-builder. Native modules are supported and should work without any configuration, assuming node integration is enabled. If you get errors, you may need to set the native dependency as a webpack external. Preload files allow you to execute JS with Node integration in the context of your Vue App (shared window variable). Read Vue ClI's documentation to learn about using environment variables in your app. -
13
Vulcan
A toolkit to quickly build apps with React, GraphQL & Meteor
Vulcan is a framework that gives you a set of tools for quickly building React & GraphQL-based web applications. It can handle data loading, e-mail notifications, automatic form generation, and much more, out of the box. Vulcan is unique in that it spans the full-stack, from the database to the browser. While there exist many excellent back-end frameworks or backend-as-a-service providers, these all still require you to handle the front-end code yourself, including building a set of components to read, write, and display data. However, being full-stack, Vulcan is able to speed up these repetitive tasks by providing a whole range of helper components that are fine-tuned to the Vulcan back-end, and as a result just work out of the box. In order to make working with Vulcan easier (especially when it comes to updating the core packages), you are also free to follow the more complicated “two-repo” pattern, with the two repositories. -
14
express-session
Simple session middleware for Express
This is a Node.js module available through the npm registry. Installation is done using the npm install command provided in the instructions. Create a session middleware with the given options. Session data is not saved in the cookie itself, just the session ID. Session data is stored server-side. Since version 1.5.0, the cookie-parser middleware no longer needs to be used for this module to work. This module now directly reads and writes cookies on req/res. Using cookie-parser may result in issues if the secret is not the same between this module and cookie-parser. The default server-side session storage, MemoryStore, is purposely not designed for a production environment. It will leak memory under most conditions, does not scale past a single process, and is meant for debugging and developing. -
15
WebDGap
A PhoneGap alternative for Desktop applications.
WebDGap allows you to convert any website or HTML/CSS/JavaScript web application to a native Windows, Mac, Linux, and Chrome application. WebDGap also gives you the option to export as a Chrome popup extension, and you can export your app or website as a native PhoneGap application making your app available for mobile devices :) -
16
Compiere ERP+CRM is the leading open source ERP solution for Distribution, Retail, Manufacturing and Service industries. Compiere automates accounting, supply chain, inventory and sales orders. Compiere ERP is distributed under GPL V2 by Compiere, Inc.
-
17
Onsen UI
Mobile app development framework and SDK
The most beautiful and efficient way to develop HTML5 hybrid and mobile web apps. Experience streamlined development with zero-time setup, using the technologies you already know and love, Javascript, HTML and CSS. A rich variety of UI components specially designed for mobile apps. Onsen UI provides tabs, side menu, stack navigation and tons of other components such as lists and forms. They all have iOS and Android Material design support, with automatic styling that will change the appearance of the app based on the platform. With Onsen UI you can truly support both Android and iOS with the same source code. Worried that PhoneGap / Cordova apps are slow? Fear not! All animations in Onsen UI have been tuned and optimized to perform well on a wide range of devices. We take great care to ensure that apps made using Onsen UI feel smooth even on lower end devices. Onsen UI is easy to learn while being a powerful tool to create complex mobile apps. -
18
Parcel
The zero configuration build tool for the web
Parcel combines a great out-of-the-box development experience with a scalable architecture that can take your project from just getting started to a massive production application. Parcel starts with a great development experience, from starting a new project to iterating and debugging, and shipping to production. No more fiddling with configuration, or spending hours to keep up with best practices – it just works! Parcel supports many languages and file types out of the box, from web technologies like HTML, CSS, and JavaScript, to assets like images, fonts, videos, and more. And when you use a file type that isn't included by default, Parcel will automatically install all of the necessary plugins and dev dependencies for you! Parcel includes a development server out of the box. Just run parcel index.html to get started. When you make a change, Parcel automatically updates your code in the browser, no page reload necessary! -
19
Razzle
Create server-rendered universal JavaScript applications
JavaScript applications are tough to setup. Either you buy into a framework, fork a boilerplate, or set things up yourself. Aiming to fill this void, Razzle is a tool that abstracts all complex configuration needed for both SPA's and SSR applications into a single dependency--giving you the awesome developer experience of create-react-app, but then leaving the rest of your app's architectural decisions about frameworks, routing, and data fetching up to you. With this approach, Razzle not only works with React, but also Preact, Vue, Svelte, and Angular, and most importantly, whatever comes next. Razzle has many examples, we might have one that fits your needs. You don't need to worry about setting up multiple webpack configs or other build tools. Just start editing src/App.js and go! If you have issues with css this might be related to postcss being resolved wrong. -
20
Twin
Twin blends the magic of Tailwind with the flexibility of css-in-js
Twin blends the magic of Tailwind with the flexibility of CSS-in-js (emotion, styled-components, stitches, and goober) at build time. When babel runs over your javascript or typescript files at compile time, twin grabs your classes and converts them into CSS objects. These CSS objects are then passed into your chosen CSS-in-js library without the need for an extra client-side bundle. Twin collapses imports from common styling libraries into a single import. Adds no size to your build. Twin converts the classes you’ve used into CSS objects using Babel and then compiles away, leaving no runtime code. Twin chimes in with class and variant values from your Tailwind config. Works with the official tailwind vscode plugin. Avoid having to look up your classes with auto-completion straight from your Tailwind config. Apply variants to multiple classes at once with variant groups. -
21
Web Starter Kit
Web Starter Kit - a workflow for multi-device websites
Web Starter Kit is an opinionated boilerplate for web development. Tools for building a great experience across many devices and performance oriented. Helping you to stay productive following the best practices outlined in Google's Web Fundamentals. A solid starting point for both professionals and newcomers to the industry. A responsive boilerplate optimized for the multi-screen web. Powered by Material Design Lite. You're free to use either this or a completely clean-slate via basic.html. Minify and concatenate JavaScript, CSS, HTML and images to help keep your pages lean. JavaScript code linting is done using ESLint - a pluggable linter tool for identifying and reporting on patterns in JavaScript. Web Starter Kit uses ESLint with eslint-config-google, which tries to follow the Google JavaScript style guide. A built-in server for previewing your site locally while you develop and iterate. Reload the browser in real-time anytime an edit is made without the need for an extension. -
22
Workbox
JavaScript libraries for Progressive Web Apps
Workbox is a set of libraries that can power a production-ready service worker for your Progressive Web App. Stop waiting on the network! You can improve your web app's performance by caching and serving your files, powered by a service worker. Even on an unreliable connection, your web app can still work using the right runtime caching strategies. Looking to build a progressive web app? Workbox makes it easy to create an offline first experience. Workbox is a library that bakes in a set of best practices and removes the boilerplate every developer writes when working with service workers. Precaching, runtime caching, strategies, request routing, background sync, and helpful debugging. Wish you could rely on Google Fonts being available offline after the user has visited your site? Add a quick rule to serve them from the cache. Make your JS and CSS fast by returning the assets from the cache, while making sure they are updated in the background for the next use. -
23
react-app-rewired
Override create-react-app webpack configs without ejecting
Tweak the create-react-app webpack config(s) without using 'eject' and without creating a fork of the react-scripts. All the benefits of create-react-app without the limitations of "no config". You can add plugins, loaders whatever you need. As of Create React App 2.0 this repo is "lightly" maintained mostly by the community at this point. Use next.js or Razzle which both support custom Webpack out of the box. You can try customize-cra for a set of CRA 2.0 compatible rewirers, or any of the alternative projects and forks that aim to support 2.0. Rescripts, an alternative framework for extending CRA configurations (supports 2.0+). react-scripts-rewired for a fork of this project that aims to support CRA 2.0. Create your app using create-react-app and then rewire it. There are no configuration options to rewire for the eject script. -
24
vConsole
A lightweight, extendable front-end developer tool for mobile web page
vConsole is a lightweight, extendable front-end developer tool for mobile web page. A plugin allows you to add a new tab, add one or more tool button(s). You can customize the functions of the tab and buttons. After imported, vConsole should be inited manually. When vConsole is not loaded, logs will be printed to native console. After importing vConsole, logs will be printed to both front-end console and native console. Some useful vConsole properties and methods are available for plugin development. You can destroy an vConsole instance object and remove vConsole panel from document. You can also add a new plugin to vConsole. Duplicate plugin will be ignored. Create an vConsole plugin object, bind plugin events to this object, and add this object to vConsole. While installing and running a plugin, vConsole will trigger some events to allow a plugin customizing it's functions. -
25
vue-web-extension
A Vue CLI 3+ preset (previously a Vue CLI 2 boilerplate)
This Vue CLI preset allows you to quickly start a web extension. Everything you need to build a web extension (manifest.json, .zip building, etc.), thanks to adambullmer/vue-cli-plugin-browser-extension. Build the extension into the dist folder for production. A zip file is also built and is located in the artifacts directory. Build the extension for development and watch over file changes. It also automatically reloads your extension into your browsers. If you are using GitHub Actions, you can easily automatically build a zip of your extension and create a new GitHub release, each time a new tag is pushed. If running webpack in watch mode, you need to stop and restart webpack to apply configuration changes.
