JavaScript Webpack

Open-source JavaScript projects categorized as Webpack
Edit details
Topics: React JavaScript Babel TypeScript Boilerplate
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
featured

Top 23 JavaScript Webpack 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: Practical and Beginner friendly guide for speeding up your web-apps | dev.to | 2024-05-01

    There are various tools available that manage the size of bundled assets. We are going to use the example of a popular and widely used bundler named Webpack, and practically look at many of the optimization techniques it offers.

  • js-stack-from-scratch

    🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.

  • 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

  • react-loadable

    :hourglass_flowing_sand: A higher order component for loading components with promises.

  • front-end-guide

    📚 Study guide and introduction to the modern front end stack.

  • webpack-dashboard

    A CLI dashboard for webpack dev server

  • webpack-bundle-analyzer

    Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap

    • Project mention: Bundle size analyzer when using esbuild? | /r/Angular2 | 2023-06-01

    I used to use webpack-bundle-analyzer but we have switched the builder to browser-esbuild now.

  • razzle

    ✨ Create server-rendered universal JavaScript applications with no configuration

    • Project mention: Top 12+ Battle-Tested React Boilerplates for 2024 | dev.to | 2024-04-29

    Razzle is a build tool created by Airbnb, which also simplifies server-side rendering. It abstracts away the complexity of configuring server-side rendering settings and allows developers to easily create versatile JavaScript applications. Razzle supports features like code splitting, CSS-in-JS, and hot module replacement, making it suitable for building React applications that require server-side rendering.

  • 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

  • html-webpack-plugin

    Simplifies creation of HTML files to serve your webpack bundles

  • PatrickJS-starter

    MFE Starter

  • react-app-rewired

    Override create-react-app webpack configs without ejecting

    • Project mention: html-loader not working | /r/react | 2023-05-07

    Further information here: https://github.com/timarney/react-app-rewired

  • webpack-dev-server

    Serves a webpack app. Updates the browser on changes. Documentation https://webpack.js.org/configuration/dev-server/.

    • Project mention: Possible bug when running webpack-dev-server in npm child project | /r/webpack | 2023-06-02

    So I spent couple hours to sort the bug report out properly :) https://github.com/webpack/webpack-dev-server/issues/4890

  • loadable-components

    The recommended Code Splitting library for React ✂️✨

  • flowbite

    Open-source UI component library and front-end development framework based on Tailwind CSS

    • Project mention: My Failed Student Housing App | dev.to | 2024-04-23

    TailwindCSS (with Flowbite)

  • WebSlides

    Create HTML presentations in seconds —

  • whitestorm.js

    :rocket: 🌪 Super-fast 3D framework for Web Applications 🥇 & Games 🎮. Based on Three.js

  • nwb

    A toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it)

  • Manta

    🎉 Flexible invoicing desktop app with beautiful & customizable templates.

    • Project mention: Show HN: Invoice Dragon – An Open Source App to Create PDF Invoices for Free | news.ycombinator.com | 2023-07-25

    Nice work!

    Reminds me of Manta https://github.com/hql287/Manta, which unfortunately has been abandoned 5 years ago.

  • Laravel Mix

    The power of webpack, distilled for the rest of us.

  • babel-loader

    📦 Babel loader for webpack

    • Project mention: A webpack.config.js for WordPress Projects | dev.to | 2023-07-31

    babel-loader

  • offline-plugin

    Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)

  • css-loader

    CSS Loader

  • vue-cli-plugin-electron-builder

    Easily Build Your Vue.js App For Desktop With Electron

  • sass-loader

    Compiles Sass to CSS

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub 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 Webpack related posts

  • Practical and Beginner friendly guide for speeding up your web-apps

    2 projects | dev.to | 1 May 2024

  • Optimizing React Apps for Performance: A Comprehensive Guide

    2 projects | dev.to | 2 Apr 2024

  • Show HN: Jampack – Optimizes static websites as a post-processing step

    3 projects | news.ycombinator.com | 25 Mar 2024

  • Google: Angular and Wiz Are Merging

    3 projects | news.ycombinator.com | 21 Mar 2024

  • Optimize CSS with SAT Solving

    5 projects | news.ycombinator.com | 17 Mar 2024

  • Five Syntax Highlighting Plugins for NextJS that aren't Terrible 🎨

    1 project | dev.to | 14 Mar 2024

  • Webpack: The Web Module Bundler

    2 projects | dev.to | 2 Mar 2024
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 6 May 2024
    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. Learn more →

Index

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

Project Stars
1 webpack 64,179
2 js-stack-from-scratch 20,041
3 react-loadable 16,595
4 front-end-guide 15,083
5 webpack-dashboard 13,874
6 webpack-bundle-analyzer 12,501
7 razzle 11,082
8 html-webpack-plugin 10,641
9 PatrickJS-starter 10,338
10 react-app-rewired 9,718
11 webpack-dev-server 7,744
12 loadable-components 7,543
13 flowbite 6,987
14 WebSlides 6,158
15 whitestorm.js 6,089
16 nwb 5,562
17 Manta 5,265
18 Laravel Mix 5,238
19 babel-loader 4,798
20 offline-plugin 4,504
21 css-loader 4,287
22 vue-cli-plugin-electron-builder 4,104
23 sass-loader 3,896

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com