Open Source JavaScript Build Tools
Sort By:
JavaScript Build Tools
View 51 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.
-
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.
-
Gen AI apps are built with MongoDB AtlasMongoDB Atlas is the developer-friendly database used to build, scale, and run gen AI and LLM-powered apps—without needing a separate vector database. Atlas offers built-in vector search, global availability across 115+ regions, and flexible document modeling. Start building AI apps faster, all in one place.
-
1
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. -
2
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. -
3
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. -
4
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. -
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
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
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
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. -
8
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. -
9
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. -
Deliver secure remote access with OpenVPN.OpenVPN's products provide scalable, secure remote access — giving complete freedom to your employees to work outside the office while securely accessing SaaS, the internet, and company resources.
-
10
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. -
11
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. -
12
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.
-
13
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. -
14
Closure Library
Google's common JavaScript library
The Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. You can pull just what you need from a large set of reusable UI widgets and controls, and from lower-level utilities for DOM manipulation, server communication, animation, data structures, unit testing, rich-text editing, and more. The Closure Library is server-agnostic and is intended for use with the Closure Compiler. The Closure Library serves as the base JavaScript library for many Google products. Now that the Closure Library is open source, more and more developers outside Google are integrating the library in their own projects. If you are developing a large or growing application, you may benefit from the Closure Library's breadth. A well-tested library can insulate you from cross-browser compatibility issues and the minutiae of client-side programming, letting you focus on the fun stuff. -
15
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. -
16
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. -
17
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. -
18
Muuri
Infinite responsive, sortable, filterable and draggable layouts
Muuri creates responsive, sortable, filterable and draggable layouts. Comparing to what's out there Muuri is a combination of Packery, Masonry, Isotope and Sortable. You can build pretty amazing layouts without a single line of JavaScript these days. However, sometimes (rarely though) CSS just isn't enough, and that's where Muuri comes along. At it's very core Muuri is a layout engine which is limited only by your imagination. You can seriously build any kind of layout, asynchronously in web workers if you wish. Custom layouts aside, you might need to sprinkle some animations and/or interactivity (filtering / sorting / drag & drop) on your layout (be it CSS or JS based). Stuff gets complex pretty fast and most of us probably reach for existing libraries to handle the complexity at that point. This is why most of these extra features are built into Muuri's core, so you don't have to go hunting for additional libraries or re-inventing the wheel for the nth time. -
19
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! -
20
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. -
21
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! -
22
YUI 3
A library for building richly interactive web applications
YUI is a free, open source JavaScript and CSS framework for building richly interactive web applications. YUI is provided under a BSD license and is available on GitHub for forking and contribution. YUI's lightweight core and modular architecture make it scalable, fast, and robust. Built by frontend engineers at Yahoo!, YUI powers the most popular websites in the world. YUI's intuitive and well-documented API takes you from basic DOM handling to building performant and maintainable applications on desktop browsers, mobile devices, and servers. A thriving community, a carefully architected infrastructure, and a comprehensive suite of tools help you code like a pro, from simple web pages to complex web applications. YUI is free for all uses and is developed in the open on GitHub. Core team members can always be found in the forums and the #yui IRC channel on Freenode. -
23
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. -
24
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. -
25
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 :)
