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.
-
Earn up to 15% annual interest with Nexo.Generate interest, access liquidity without selling, and execute trades seamlessly. All in one platform. Geographic restrictions, eligibility, and terms apply.
-
Earn up to 15% annual interest with Nexo.Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
-
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
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. -
4
Trilium Notes
Build your personal knowledge base
Trilium is provided as either desktop application (Linux and Windows) or web application hosted on your server (Linux). Mac OS desktop build is available, but it is unsupported. Synchronization with self-hosted sync server, strong note encryption with per-note granularity, relation maps and link maps for visualizing notes and their relations, and scripting, see Advanced showcases. Scales well in both usability and performance upwards of 100 000 notes, touch optimized mobile frontend for smartphones and tablets, night theme, evernote and Markdown import & export, as well as web clipper for easy saving of web content. If you want to use Trilium on the desktop, download binary release for your platform from latest release, unzip the package and run trilium executable. Install the application on both a server, for web access and data synchronization, and desktop instance(s). This allows all the data to be stored on the server. -
Securden Privileged Account ManagerDiscover and manage administrator, service, and web app passwords, keys, and identities. Automate management with approval workflows. Centrally control, audit, monitor, and record all access to critical IT assets.
-
5
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. -
6
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. -
7
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. -
8
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. -
9
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. -
Data management solutions for confident marketingVerify, deduplicate, manipulate, and assign records automatically to keep your CRM data accurate, complete, and ready for business.
-
10
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. -
11
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. -
12
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. -
13
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. -
14
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. -
15
LoopBack
Build modern applications that require complex integrations
A highly extensible Node.js and TypeScript framework for building APIs and microservices. A brand new LoopBack core to deliver great extensibility and flexibility written in TypeScript/ES2017. Create powerful APIs easily with a new creation experience for defining REST API's and handling API requests/responses. A new, improved programming model with Dependency Injection and new concepts such as Components, Mixins, Repositories, etc. make this the most extensible version yet. Using OpenAPI-to-GraphQL, create a GraphQL interface for any REST API. Schemas are used to create GraphQL data definitions, and links defined in the OAS are used to create a nested structure, allowing for (deeply) nested queries. GraphQL-incompatible identifiers of your API are sanitized. For example, API parameters or data definitions with unsupported characters (e.g., -, ., ,, :, ;...) are removed. -
16
Shoutem UI
Customizable set of components for React Native applications
Shoutem UI is a set of styleable components that enables you to build beautiful React Native applications for iOS and Android. All of our components are built to be both composable and customizable. Each component has a predefined style that is compatible with the rest of the Shoutem UI, which makes it possible to build complex components that look great without the need to manually define complex styles. You can also use standard React Native components in your layouts anywhere you want, but they will not inherit either the theme or the parent styles, so you will need to style them manually. Shoutem UI is a part of the Shoutem UI Toolkit that enables you to build professional-looking React Native apps with ease. -
17
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. -
18
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. -
19
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. -
20
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. -
21
Mithril.js
A JavaScript framework for building brilliant applications
Mithril is a modern client-side JavaScript framework for building Single Page Applications. It's small (< 10kb gzip), fast and provides routing and XHR utilities out of the box. Mithril is used by companies like Vimeo and Nike, and open source platforms like Lichess. Mithril supports IE11, Firefox ESR, and the last two versions of Firefox, Edge, Safari, and Chrome. No polyfills required. By default, Mithril views are described using hyperscript. Hyperscript offers a terse syntax that can be indented more naturally than HTML for complex tags, and since its syntax is just JavaScript, it's possible to leverage a lot of JavaScript tooling ecosystem. Mithril is all about getting meaningful work done efficiently. Doing file uploads? The docs show you how. Authentication? Documented too. Exit animations? You got it. No extra libraries, no magic. -
22
Plupload
JavaScript API for building file uploaders
At its core Plupload is visually flat and you can customize it however you like. We are using HTML5 APIs. Always. Plupload is based on multi-runtime pollyfills for XMLHttpRequest L2, File and Image APIs. So when there's no HTML5 available in the browser, we emulate it ourselves. Files not only can be picked from browse dialog, but also can be dropped directly from the desktop. In some browsers, mostly in those based on WebKit, it is possible to drag and drop whole folders. Since we emulate as much of HTML5 as possible, we are able (among other things) to provide access to raw file data, even in such environments that do not normally support it. One of the biggest benefits of this is that we can display the thumbnails instantly, right as you select the images in the dialog or drag&drop them from the desktop. We slice the files in chunks and send them out one by one. You can then safely collect them on the server and combine into original file. -
23
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. -
24
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. -
25
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.
