JavaScript Build Tool

Open-source JavaScript projects categorized as Build Tool
Edit details
Topics: JavaScript Webpack module-bundler Bundler ES6
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
Sponsored

Top 15 JavaScript Build Tool Projects

  • webpack

    A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

    • Project mention: Getting started with TiniJS framework | dev.to | 2024-04-20

    Homepage: https://webpack.js.org/

  • parcel

    The zero configuration build tool for the web. 📦🚀

    • Project mention: Getting started with TiniJS framework | dev.to | 2024-04-20

    Homepage: https://parceljs.org/

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • uncss

    Remove unused styles from CSS

    • Project mention: Optimize CSS with SAT Solving | news.ycombinator.com | 2024-03-17

    Check out: https://github.com/uncss/uncss

    I've only used it once but it did the job (NOTE: Plain HTML, plain CSS, no build pipeline. So YMMV)

  • wmr

    👩‍🚀 The tiny all-in-one development tool for modern web apps.

  • style-dictionary

    A build system for creating cross-platform styles.

    • Project mention: Syncing Figma Variables and StyleDictionary with GitHub Actions | dev.to | 2023-08-03

    function getStyleDictionaryConfig(brand) { return { source: [`tokens/brands/${brand}/*.json`, 'tokens/globals/**/*.json'], platforms: { /** * Available platforms: https://amzn.github.io/style-dictionary/#/config?id=platform */ web: { transformGroup: 'web', buildPath: `build/web/${brand}/`, files: [ { destination: 'tokens.scss', format: 'scss/variables', }, ], }, }, } } /** * Build the tokens for each brand. * {@see - Example based on https://github.com/amzn/style-dictionary/tree/main/examples/advanced/multi-brand-multi-platform} */ ['microsoft', 'xbox'].map(function (brand) { ['web'].map(function (platform) { const StyleDictionary = StyleDictionaryPackage.extend( getStyleDictionaryConfig(brand), ) StyleDictionary.buildPlatform(platform) }) })

  • Retire.js

    scanner detecting the use of JavaScript libraries with known vulnerabilities. Can also generate an SBOM of the libraries it finds.

    • Project mention: Understanding security in React Native applications | dev.to | 2024-04-03

    Retire.js

  • create-elm-app

    🍃 Create Elm apps with zero configuration

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo

  • ui5-tooling

    An open and modular toolchain to develop state of the art applications based on the UI5 framework

  • vituum

    ⚡⚙️ Fast Prototyping with Template Engines in Vite. Small and fast static site generator for Vite.

  • offline-docs

    A collection of scripts to build offline documentation for your favourite frameworks/libraries. Simply search, copy/paste the commands and enjoy.

  • frontal.js

    A Modern HTML development framework and build-tool for your next static website.

  • learn-webpack

    A collection of simple examples to explain how to configure Webpack

  • juke-build

    General Purpose Build System with JavaScript DSL for Node.js.

  • watever

    WebAssembly text bundler

  • What-is-Entry-Webpack-5

    What is Entry - Webpack 5

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

JavaScript Build Tool related posts

Index

What are some of the best open-source Build Tool projects in JavaScript? This list will help you:

Project Stars
1 webpack 64,160
2 parcel 43,115
3 uncss 9,388
4 wmr 4,925
5 style-dictionary 3,638
6 Retire.js 3,508
7 create-elm-app 1,679
8 ui5-tooling 455
9 vituum 290
10 offline-docs 90
11 frontal.js 77
12 learn-webpack 36
13 juke-build 33
14 watever 5
15 What-is-Entry-Webpack-5 0

Sponsored
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com