Open Source JavaScript Build Tools
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.
-
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
Build Data Resilience - Take the Assessment TodayIs your recovery strategy as strong as you think? Take this quick self-assessment to check your recovery readiness and gain tailored insights. In only 2 minutes, you'll learn where you fall on the recovery readiness scale.
-
1
Node-RED
Low-code programming for event-driven applications
Node-RED is a programming tool for wiring together hardware devices, APIs and online services in new and interesting ways. It provides a browser-based editor that makes it easy to wire together flows using the wide range of nodes in the palette that can be deployed to its runtime in a single-click. Node-RED provides a browser-based flow editor that makes it easy to wire together flows using the wide range of nodes in the palette. Flows can be then deployed to the runtime in a single-click. JavaScript functions can be created within the editor using a rich text editor. A built-in library allows you to save useful functions, templates or flows for re-use. The light-weight runtime is built on Node.js, taking full advantage of its event-driven, non-blocking model. This makes it ideal to run at the edge of the network on low-cost hardware such as the Raspberry Pi as well as in the cloud. -
2
Pencil
The Pencil Project's unique mission is to build a free tool
Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms. The latest stable version of Pencil is 3.1.0 which contains stability fixes and many new features. More details can befound in the releaste notes. Pencil provides various built-in shapes collection for drawing different types of user interface ranging from desktop to mobile platforms. Starting from 2.0.2, Pencil is shipped with Android and iOS UI stencils pre-installed. This makes it even easier to start protyping apps with a simple installation. Starting from 2.0.2 Pencil has even more shape collections included by default. The list of built-in collections now includes general-purpose shapes, flowchart elements, desktop/web UI shapes, Android and iOS GUI shapes. -
3
Flux
Application architecture for building user interfaces
Flux is the application architecture that Facebook uses for building client-side web applications. It complements React's composable view components by utilizing a unidirectional data flow. It's more of a pattern rather than a formal framework, and you can start using Flux immediately without a lot of new code. Flux applications have three major parts: the dispatcher, the stores, and the views (React components). These should not be confused with Model-View-Controller. Controllers do exist in a Flux application, but they are controller-views — views often found at the top of the hierarchy that retrieve data from the stores and pass this data down to their children. Additionally, action creators — dispatcher helper methods — are used to support a semantic API that describes all changes that are possible in the application. It can be useful to think of them as a fourth part of the Flux update cycle. -
4
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! -
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
5
Caramel
Functional language for building type-safe applications
Caramel is a functional language for building type-safe, scalable, and maintainable applications. It is built in OCaml and maintained by Abstract Machines. Caramel leverages the OCaml compiler, to provide you with a pragmatic type system and industrial-strength type safety, and the Erlang VM, known for running low-latency, distributed, and fault-tolerant systems used in a wide range of industries. Excellent type inference, so you never need to annotate your code. Supports sources in OCaml (and soon Reason syntax too). Caramel aims to make building type-safe concurrent programs a productive and fun experience. Caramel should let anyone with existing OCaml or Reason experience be up and running without having to relearn the entire language. Caramel strives to integrate with the larger ecosystem of BEAM languages, like Erlang, Elixir, Gleam, Purerl, LFE, and Hamler. -
6
Snowpack
ESM-powered frontend build tool
Snowpack is a frontend build tool built around native JavaScript ES modules. It was designed to make development faster by avoiding the traditional full-bundle step during local work. The dev server can start quickly and reflect browser changes almost instantly. Snowpack supports modern web project needs such as TypeScript, JSX, CSS Modules, plugins, and framework integrations. It can also connect with bundlers for optimized production builds when a project needs minification, code splitting, or compatibility output. The repository is no longer actively maintained, so it is best understood as an important legacy tool that influenced the modern unbundled development workflow. -
7
V Programming Language
Simple, fast, safe, compiled language for developing software
Simple language for building maintainable programs. You can learn the entire language by going through the documentation over a weekend, and in most cases, there's only one way to do something. This results in simple, readable, and maintainable code. Despite being simple, V gives a lot of power to the developer and can be used in pretty much every field, including systems programming, webdev, gamedev, GUI, mobile, science, embedded, tooling, etc. V avoids doing unnecessary allocations in the first place by using value types, and string buffers, promoting a simple abstraction-free code style. Most objects (~90-100%) are freed by V's auto-free engine: the compiler inserts necessary free calls automatically during compilation. A remaining small percentage of objects is freed via GC. The developer doesn't need to change anything in their code. "It just works", like in Python, Go, or Java, except there's no heavy GC tracing everything or expensive RC for each object. -
8
Inferno
React-like JavaScript library for building modern user interfaces
Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server. React-like API, concepts and component lifecycle events. Switch over easily with inferno-compat. One of the fastest front-end frameworks for rendering UI in the DOM, making 60 FPS on mobile possible. Isomorphic rendering on both client and server, along with fast-booting from server-side renders. Inferno doesn't have a fully synthetic event system like React does. Inferno has a partially synthetic event system, instead opting to only delegate certain events (such as `onClick`). Inferno doesn't support React Native. Inferno was only designed for the browser/server with the DOM in mind. Inferno doesn't support legacy string refs, use `createRef` or callback `ref` API. Inferno provides lifecycle events on functional components. This is a major win for people who prefer lightweight components rather than ES2015 classes. -
9
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. -
Paessler: Easy to Use With Enterprise Power. Free TrialYou shouldn't have to choose between a monitoring tool that's easy to use and one that's powerful enough for a complex environment. PRTG's low-code interface lets any admin build dashboards, set alerts and monitor devices without scripting, while custom sensors and full API access are there when your team needs deeper control. One platform, no compromise. Download a free 30-day trial now.
-
10
nivo
A rich set of dataviz components
nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries. Several libraries already exist for React d3 integration, but just a few provide server side rendering ability and fully declarative charts. In order to use nivo, you have to install the @nivo/core package and then choose some of the scoped @nivo packages according to the charts you wish to use. Given an array of data series having an id and a nested array of points (with x, y properties), it will compute the line for each data series. All datum having null x or y will be treated as holes, thus portions of the corresponding line will be skipped. You can fully customize it using the circleComponent property to define your own, if you wish to do so you should have a look at the default SVG component to get started. Bar chart which can display multiple data series, stacked or side by side. Also supports both vertical and horizontal layout, with negative values descending below the x axis. -
11
Create React App
Set up a modern web app by running one command
Create React App lets you create React apps quickly and easily-- no learning of build tools or build configurations necessary. All you need is one command, and you can get started in seconds. All tools are preconfigured and hidden, and with instant reloads you can focus on code, not build tools. With Create React App your apps need only one build dependency, so everything works together seamlessly, and when it’s time to deploy your bundles are automatically optimized. With Create React App it’s easy to start and easy to “eject”, if ever you want an advanced configuration and edit config files directly. It’s also very easy to maintain, as you only need a single command to upgrade to new versions. -
12
PWA
(WIP) Universal PWA Builder
PWA is a “universal, framework-agnostic PWA builder” developed by Luke Edwards (lukeed) that aims to let developers scaffold progressive web apps with minimal friction across different view frameworks or libraries. Unlike many CLI tools that target a specific framework (React, Vue, Svelte), this project intentionally tries to remain agnostic, supporting presets for Preact, React, Vue, Svelte and even vanilla JS, while offering all the PWA boilerplate you need (service workers, manifest, offline support) right out of the box. The project is designed for speed of setup: you run pwa init, choose your preset, then pwa build or pwa watch and you get a production-ready bundle with PWA features baked in. The README emphasizes that modern bundlers (Webpack, Rollup) and ecosystem maturity finally allow a universal CLI of this kind, whereas earlier attempts weren’t practical. -
13
Victory
React components for building interactive data visualizations
Victory is a set of modular charting components for React and React Native. Victory makes it easy to get started without sacrificing flexibility. Create one of a kind data visualizations with fully customizable styles and behaviors. Victory uses the same API for web and React Native applications for easy cross-platform charting. Victory is used for charting across the web, from publicly-consumed informational graphs to internal tracking and reporting. Victory is an opinionated, but fully overridable, ecosystem of composable React components. Check out the docs to see how you can get started building interactive data visualizations. Fully contained, reusable data visualization elements are responsible for their own styles and behaviors. Extend the Victory experience on Android and iOS platforms with an identical API. -
14
babel-plugin-react-css-modules
Transforms styleName to className using compile time CSS module
babel-plugin-react-css-modules is a Babel plugin that enhances the use of CSS Modules in React applications by allowing developers to write cleaner and more intuitive styling code. It automatically maps CSS class names to scoped identifiers, eliminating the need to manually import and reference style objects. The plugin improves developer experience by enabling the use of standard className syntax while still benefiting from the encapsulation provided by CSS Modules. It also supports advanced features such as conditional class names and multiple class assignments. The tool integrates seamlessly into modern React build pipelines, making it compatible with existing workflows. It helps maintain consistent and collision-free styling across large applications. Overall, babel-plugin-react-css-modules simplifies the process of managing scoped styles in React projects. -
15
rax
A progressive React framework for building universal application
Ultra-lightweight, high-performance, easy-to-use front-end solution. One-time development and multi-terminal operation, liberating repetitive work, focusing on product logic, and improving development efficiency. The Rax 1.0 system provides a wealth of components and APIs to help business students quickly develop multi-terminal projects. Go Rax is a Rax 1.0 sample app, which is provided for Rax developers for reference and learning. Rax improves the product experience through a lighter core, progressive web applications, and server-side rendering. The out-of-the-box engineering, rich components and surrounding ecology, and one-time development and multi-end delivery help the developer complete his creativity. At the same time, we are also continuing to explore in the field of artificial intelligence, and continue to reduce development thresholds and costs. -
16
Brunch
Web applications made easy
Brunch lets you focus on what matters most, solving real problems instead of messing around with the glue. By being opinionated about your build pipeline, Brunch is able to provide a smooth and fast experience, and makes your config files take a drastic cut. It doesn't take much to get around with brunch. 'brunch new' to create a new project. 'brunch build' to build. 'brunch watch' to live-compile. Installation is one-line, once you have node.js. You will find that the typical config of a Brunch application is an order of magnitude simpler, compared to Webpack, Grunt, or Gulp. Besides configs, brunch is also simpler in terms of commands. Grunt / Gulp commands replicate all plugins it loads. Brunch always has three commands: new, build and watch. Build / watch commands may receive optional production flag which will tell Brunch to optimize assets, javascripts and stylesheets. -
17
Marked
A markdown parser and compiler. Built for speed
A low-level markdown compiler for parsing markdown without caching or blocking for long periods of time. Light-weight while implementing all markdown features from the supported flavors & specifications. Available as a command-line interface (CLI) and running in client- or server-side JavaScript projects. The only completely secure system is the one that doesn't exist in the first place. Having said that, we take the security of Marked very seriously. To prevent ReDoS attacks you can run marked on a worker and terminate it when parsing takes longer than usual. Marked can be run in a worker thread on a node server, or a web worker in a browser. Only current and LTS Node.js versions are supported. End-of-life Node.js versions may become incompatible with Marked at any point in time. -
18
Ramda
A practical functional library for JavaScript programmers
Ramda is a practical functional library for JavaScript programmers. There are already several excellent libraries with a functional flavor. Typically, they are meant to be general-purpose toolkits, suitable for working in multiple paradigms. Ramda has a more focused goal. We wanted a library designed specifically for a functional programming style, one that makes it easy to create functional pipelines, one that never mutates user data. The primary distinguishing features of Ramda are: Ramda emphasizes a purer functional style. Immutability and side-effect free functions are at the heart of its design philosophy. This can help you get the job done with simple, elegant code. Ramda functions are automatically curried. This allows you to easily build up new functions from old ones simply by not supplying the final parameters. The parameters to Ramda functions are arranged to make it convenient for currying. The data to be operated on is generally supplied last. -
19
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. -
20
Vue Native
Vue Native is a framework to build cross platform native mobile apps
Vue Native is a framework to build cross-platform native mobile apps using JavaScript. It is a wrapper around the APIs of React Native. So, with Vue Native, you can do everything that you can do with React Native. With Vue Native, you get the simplicity of Vue.js. Incrementally build user interfaces with the familiar syntax of HTML and CSS in single file components. Seamless interop with React Native. Use core React Native components with Vue.js syntax out of the box to develop mobile apps on both iOS and Android. The Vue Native CLI can be used to easily generate a fully configured Vue Native app. It wraps expo-cli and react-native-cli to generate a simple single page application (SPA) after installing and configuring dependencies from vue-native-core. You should have either expo-cli or react-native-cli installed as a global dependency. -
21
clsx
A tiny utility for constructing `className` strings conditionally
clsx is a tiny JavaScript utility (roughly a few hundred bytes) for constructing className strings conditionally, commonly used in React and other component frameworks. It is intended as a faster and smaller drop-in replacement for the popular classnames package, but with a minimalistic API and implementation. The function accepts any number of arguments in a variety of forms: strings, numbers, arrays, and objects where truthy values indicate which classes to include. It then returns a deduplicated, space-separated class string that can be applied directly to HTML or JSX className attributes. The library is distributed in multiple formats (ESM, CommonJS, and UMD) so it works well in bundlers, Node environments, and direct tags. Because it has zero dependencies and a stable API, it is widely used in both small projects and large production codebases where bundle size is a concern. -
22
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. -
23
Vue Loader
Webpack loader for Vue.js components
vue-loader is a loader for webpack that allows you to author Vue components in a format called Single-File Components (SFCs). Allows using other webpack loaders for each part of a Vue component. Allows custom blocks in a .vue file that can have custom loader chains applied to them. Treat static assets referenced in <style> and <template> as module dependencies and handle them with webpack loaders. Simulate scoped CSS for each component. State-preserving hot-reloading during development. In a nutshell, the combination of webpack and vue-loader gives you a modern, flexible and extremely powerful front-end workflow for authoring Vue.js applications. vue-loader is not a simple source transform loader. It handles each language blocks inside an SFC with its own dedicated loader chain (you can think of each block as a "virtual module"), and finally assembles the blocks together into the final module. -
24
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. -
25
pika-pack
Build your npm package using composable plugins
pika-pack is an archived npm package build tool created to simplify how JavaScript libraries are prepared for publishing. It lets package authors define a build pipeline with small, composable plugins instead of hand-configuring every build step. The tool can wrap common build systems such as Babel and Rollup with npm-friendly defaults. It can generate optimized package outputs for different targets, including Node, web, and type definition workflows. pika-pack also helps produce package metadata, which reduces the amount of manual package setup required. Because the repository is archived, it is most useful today as a historical reference for package build automation and plugin-based publishing workflows.
