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.
-
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
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.
-
1
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. -
2
Summernote
Super simple WYSIWYG editor
Simply download and attach your js, css with bootstrap. Customize by Initializing various options and modules. Summernote is licensed under MIT and maintained by the community. Integrate it with any back-end. 3rd parties available in django, rails, angular. Bootstrap uses certain HTML elements and CSS properties which require HTML5 doctype. Summernote uses the Open Source libraries jQuery and Bootstrap, if you are using the Boostrap 3 or 4 versions of Summernote, or just jQuery if you use the Lite version of Summernote. Summernote allows you to customize the toolbar. You can compose a toolbar with pre-shipped buttons. Air-mode give an interface without the Toolbar. To reveal popover Toolbar, select a text where you want to modify. Simply turn on airMode and just focus on text. Styles change according to Bootstraps Theme. The editor uses the Bootswatch Themes based on Bootstrap 3, you can also do the same with Bootstrap 4. -
3
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. -
4
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. -
Demo Series - Small Business Backup By VeeamWatch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.
-
5
EpicReact.Dev
Build a ReactJS App workshop
EpicReact.Dev is the codebase used in the “Build an Epic React App” workshop, where participants build a complete React application from scratch. The project demonstrates how to structure a modern React app, including data modeling, authentication, routing, testing, and interaction with a backend. It uses a realistic “bookshelf” domain where users can manage lists of books, track reading status, and record notes, which provides a concrete context for learning. The repository includes setup scripts and system requirements checks for Git, Node, and npm, plus Docker and Codespaces options for people who struggle with local environments. A guided workflow, driven by a node go script and INSTRUCTIONS.md, lets learners move between exercises and extra credit steps while the repository updates the working files for each stage. Extensive tests, using Jest in watch mode, help students verify their solutions and learn how to work with test-driven feedback. -
6
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. -
7
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! -
8
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. -
9
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. -
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
10
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. -
11
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 :) -
12
CMakeScript is an extension to CMake, a cross-platform, open-source build system. CMakeScript adds Java Script as alternative script language to CMake's home-grown macro language. CMakeScript comes with a visual debugger for Java Script.
-
13
Backpack
Backpack is a minimalistic build system for Node.js projects
Backpack is a minimalistic build system for Node.js. Inspired by Facebook's create-react-app, Zeit's Next.js, and Remy's Nodemon, Backpack lets you create modern Node.js apps and services with zero configuration. Backpack handles all the file-watching, live-reloading, transpiling, and bundling, so you don't have to. It comes with a few conventions defaults (like support for the latest JavaScript awesomeness (i.e. async/await, object rest spread, and class properties)), but everything can be customized to fit your project's needs. Best of all, you can easily add Backpack to your existing Node.js project with just a single dependency. To extend our usage of babel, you can define a .babelrc file at the root of your app. This file is optional. Backpack is focused on server-only applications. You should use create-react-app or Next.js for your frontend and then build your backend with Backpack. -
14
Blendid
Blend of gulp tasks combined into a configurable asset pipeline
Blendid is a delicious stand-alone blend of tasks and build tools poured together as a full-featured modern asset pipeline. It can be used as-is as a static site builder, or can be configured and integrated into your own development environment and site or app structure. The provided command will create default src and config files in your directory and start compiling and live-updating files! Try editing them and watch your browser auto-update! File structure is configured through a config/path-config.json file. This file is JSON so that other platforms like Ruby or PHP can easily read it in and use it to build asset path helpers for replacing hashed filenames in production. Specific task configuration is done through a config/task-config.js file. Depending on your project and platform, you may want to disable some tasks, or customize others. This file exposes per-task configuration and overrides. -
15
Blessed Contrib
Build terminal dashboards using ascii/ansi art and javascript
Blessed Contrib is a JavaScript library for building dashboards and rich applications directly inside terminal windows. It extends the Blessed terminal UI framework with visualization widgets designed for ASCII and ANSI environments. Available components include charts, tables, maps, gauges, trees, markdown views, and other dashboard-oriented displays. A grid layout system helps developers arrange multiple widgets into structured terminal interfaces. Applications can remain fully interactive and work naturally over SSH without requiring a browser or graphical desktop. The library supports Linux, macOS, and Windows and is widely useful for monitoring tools, developer dashboards, and terminal-based administration interfaces. -
16
Build Your Own Mint
Build your own personal finance analytics using Plaid
Build Your Own Mint is a Node.js project for creating a personal finance analytics workflow using Plaid, Google Sheets, and scheduled automation. Plaid retrieves transaction information from linked financial institutions after the user configures their own API credentials. Google Sheets acts as the storage and presentation layer for the imported financial data. A customizable transformation module lets users decide how transactions should map into spreadsheet cells and categories. Account tokens and service credentials are stored through local environment configuration rather than committed to the repository. CircleCI configuration can run updates automatically on a daily schedule, although manual execution is also supported. The project is intended as a customizable personal alternative to hosted financial dashboards rather than a finished consumer application. -
17
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. -
18
Ember-Electron
Build, test, compile and package desktop apps with Ember and Electron
The addon for creating ambitious cross platform desktop apps. Extend any Ember.js application with the access and options of a full-sized desktop application in minutes. Ember-Electron is powered by electron-forge and provides all the tooling necessary to build, test and ship your application. After installing the addon, you will find a new folder ember-electron inside your Ember project root. All code required to run an Electron project will be there. Run your project in development mode. This works pretty much like ember serve except it runs in Electron. We install the Ember Inspector and Devtron for you, so just use the Developer Tools as you would in your browser. Please note that we do not restart Electron yet when you change code there. -
19
Essential React
A minimal skeleton for building testable React apps using Babel
A minimal skeleton for building testable React apps using Babel. The design goals are to use fewer tools (no yeoman, gulp, bower, etc...) Babel 6 with Webpack and Hot Loader. Fast testing with mocked-out DOM. Import CSS files as class names. Separate smart and dumb components. No specific implementation of Flux or data fetching patterns. A core philosophy of this skeleton app is to keep the tooling to a minimum. For this reason, you can find all the commands in the scripts section of package.json. This leverages React Hot Loader to automatically start a local dev server and refresh file changes on the fly without reloading the page. It also automatically includes source maps, allowing you to browse code and set breakpoints on the original ES6 code. Build minified app for production using the production shortcut. -
20
Express & mongoose REST API Boilerplate
A boilerplate application for building RESTful APIs Microservice
A boilerplate application for building RESTful APIs Microservice in Node.js using express and mongoose in ES6 with code coverage and JsonWebToken Authentication. Helps you stay productive by following best practices. Follows Airbnb's Javascript style guide. JavaScript code linting is done using ESLint, a pluggable linter tool for identifying and reporting on patterns in JavaScript. Uses ESLint with eslint-config-Airbnb, which tries to follow the Airbnb JavaScript style guide. Supports code coverage of ES6 code using istanbul and mocha. Code coverage reports are saved in the coverage/directory post yarn test execution. Open coverage/lcov-report/index.html to view the coverage report. yarn test also displays code coverage summary on the console. Code coverage can also be enforced overall and per file as well, configured via .istanbul.yml. -
21
Hyperapp
Tiny framework for building hypertext applications
The tiny framework for building hypertext applications. Do more with less—We have minimized the concepts you need to learn to get stuff done. Views, actions, effects, and subscriptions are all pretty easy to get to grips with and work together seamlessly. Write what, not how—With a declarative API that's easy to read and fun to write, Hyperapp is the best way to build purely functional, feature-rich, browser-based apps in JavaScript. Smaller than a favicon—1 kB, give or take. Hyperapp is an ultra-lightweight Virtual DOM, highly-optimized diff algorithm, and state management library obsessed with minimalism. Official packages provide access to The Web Platform, and ensure that the APIs are exposed in a way that makes sense for Hyperapp, and the underlying code is stable. We already cover a decent amount of features, but you can always create your own effects and subscriptions if something is not available yet. -
22
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. -
23
JavaScript Stack from Scratch
Tutorial to build a modern JavaScript stack
This is a straight-to-the-point guide to assembling a JavaScript stack. It requires some general programming knowledge, and JavaScript basics. It focuses on wiring tools together and giving you the simplest possible example for each tool. You can see this tutorial as a way to write your own boilerplate from scratch. Since the goal of this tutorial is to assemble various tools, I do not go into details about how these tools work individually. Refer to their documentation or find other tutorials if you want to acquire deeper knowledge in them. You don't need to use this entire stack if you build a simple web page with a few JS interactions of course (a combination of Browserify/Webpack + Babel + jQuery is enough to be able to write ES6 code in different files), but if you want to build a web app that scales, and need help setting things up, this tutorial will work great for you. -
24
JsBuild is a simple and easy to use ANT-task for compressing and packaging JavaScript files. It aims to be a versatile tool for packaging javascript files.
-
25
Knockout
Tool to create rich, responsive UIs with JavaScript
Easily associate DOM elements with model data using a concise, readable syntax. When your data model's state changes, your UI updates automatically. Implicitly set up chains of relationships between model data, to transform and combine it. Quickly generate sophisticated, nested UIs as a function of your model data. Get started with knockout.js quickly, learning to build single-page applications, custom bindings and more with interactive tutorials. Knockout is a JavaScript MVVM (a modern variant of MVC) library that makes it easier to create rich, desktop-like user interfaces with JavaScript and HTML. It uses observers to make your UI automatically stay in sync with an underlying data model, along with a powerful and extensible set of declarative bindings to enable productive development. For Node.js developers, Knockout is also available from npm.
