JavaScript Build Tools

Open-source JavaScript projects categorized as Build Tools

Top 11 JavaScript Build Tool Projects

Build Tools
  1. create-react-app

    Set up a modern web app by running one command.

    Project mention: Preact vs Astro 4: The Performance Battle benchmark in High-Scale | dev.to | 2026-05-07

    Preact’s 3.2kB core is already small, but high-scale apps often bloat bundles with unnecessary dependencies, utility libraries, and duplicate code. First, audit your bundle with webpack-bundle-analyzer or source-map-explorer to identify large dependencies. Replace moment.js (67kB gzipped) with date-fns (12kB gzipped) or dayjs (2kB gzipped) for date formatting. Use preact/compat only if you need React ecosystem libraries, as it adds ~1kB of overhead. Enable strict tree shaking in your bundler: for Vite (recommended for Preact), set build.rollupOptions.treeshake: 'smallest' to eliminate all unused code. In our 10k component benchmark, enabling strict tree shaking reduced Preact bundle size by 38%, from 1.2MB to 744kB. For server-side rendering with Preact, use preact-render-to-string instead of React’s renderToString, which is 40% faster for large component trees. Always minify and gzip your bundles: use vite-plugin-compression to generate pre-compressed .gz and .br files, which reduce transferred bytes by 60-70% for text-based assets. Avoid bundling large static assets (images, videos) with your JS bundle; use a CDN like Cloudflare or AWS CloudFront instead, which reduces server load and bundle size.

  2. Puter.js

    Puter.js - The Backend for AI-Generated Apps. One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.

    Puter.js logo
  3. parcel

    The zero configuration build tool for the web. 📦🚀

    Project mention: JavaScript Awesome Package | dev.to | 2026-02-03

    Parcel - Blazing fast, zero configuration web application bundler

  4. gulp

    A toolkit to automate & enhance your workflow

  5. grunt

    Grunt: The JavaScript Task Runner

    Project mention: Don't be shy, start your own meetup! | dev.to | 2025-11-08

    I guess this is the most tricky part, given that you usually do not have any visibility at that point (unless you are a well-known figure in the industry). In order to match our format we needed two speakers, so that was our first goal. Luckily, Erfan Ebrahimnia was working at MASSIVE ART at the time, and volunteered to have a talk about Grunt. Additionally, we have tweeted (yes, I did that at the time) to find another speaker, to which Christoph Klocker responded to suggest doing a talk about Sass. And yes, both of these topics were cutting edge back then!

  6. web-skills

    A visual overview of useful skills to learn as a web developer

  7. Broccoli

    Browser compilation library – an asset pipeline for applications that run in the browser

    Project mention: Show HN: Broccoli, one shot coding agent on the cloud | news.ycombinator.com | 2026-04-22

    Broccoli has been around for 13 years. https://github.com/broccolijs/broccoli

  8. generate-react-cli

    A simple React CLI to generate components instantly and more.

  9. AppSignal

    Monitoring that respects your time & budget. APM, error tracking, and dashboards for modern web apps. Ten-minute setup, transparent flat pricing, and support from engineers who actually use the product.

    AppSignal logo
  10. create-index

    Creates ES6 ./index.js file in target directories that imports and exports all sibling files and directories.

  11. build-tools-performance

    Benchmarks for bundlers and build tools, including Rspack, Rsbuild, webpack, Vite, Rolldown, esbuild, Parcel, Farm and Utoo.

  12. ygor

    Task toolkit. For when `npm run` isn't enough and everything else is too much.

  13. strong-build

    Build node packages into deployable applications

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 Tools discussion

Log in or Post with

JavaScript Build Tools related posts

  • Show HN: Broccoli, one shot coding agent on the cloud

    4 projects | news.ycombinator.com | 22 Apr 2026
  • How to Create a React App Using Vite (Step-by-Step Guide for Beginners)

    2 projects | dev.to | 16 Dec 2025
  • How to Build a Bookstore App with FARM Stack (FastAPI, React, and MongoDB)

    4 projects | dev.to | 8 Nov 2025
  • Understanding Docker multi-stage builds

    2 projects | dev.to | 27 Oct 2025
  • How to make an application packager

    1 project | dev.to | 13 Oct 2025
  • Your First React Component: JSX, Components, and the "Hello, World" Program

    2 projects | dev.to | 4 Sep 2025
  • Your First React Component: JSX, Components, and the "Hello, World" Program(5/Sept)

    2 projects | dev.to | 30 Aug 2025
  • A note from our sponsor - SaaSHub
    www.saashub.com | 9 Aug 2026
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

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

# Project Stars
1 create-react-app 103,389
2 parcel 44,026
3 gulp 32,956
4 grunt 12,242
5 web-skills 7,569
6 Broccoli 3,324
7 generate-react-cli 413
8 create-index 278
9 build-tools-performance 108
10 ygor 66
11 strong-build 46

Sponsored
Puter.js - The Backend for AI-Generated Apps
One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.
developer.puter.com

Did you know that JavaScript is
the 5th most popular programming language
based on number of references?