JavaScript Web

Open-source JavaScript projects categorized as Web

Top 23 JavaScript Web 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: JS Toolbox 2024: Bundlers and Test Frameworks | dev.to | 2024-03-03

    Webpack is a powerful and widely-used module bundler for JavaScript applications. It’s known for its flexibility and extensive plugin system, making it a popular tool in complex web development projects.

  • parcel

    The zero configuration build tool for the web. 📦🚀

    Project mention: JS Toolbox 2024: Bundlers and Test Frameworks | dev.to | 2024-03-03

    Parcel 2 emphasizes a zero-configuration approach to bundling web applications. It's a powerful tool that offers a hassle-free developer experience, focusing on simplicity and speed.

  • 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.

  • lighthouse

    Automated auditing, performance metrics, and best practices for the web.

    Project mention: Top 20 Frontend Interview Questions With Answers | dev.to | 2024-02-03

    Google Core Vitals now represent the most important metrics to focus on when it comes to technical SEO. Google Core Vitals are a set of standardized metrics that Google uses to evaluate the user experience offered by a web page and assign it a technical SEO grade. Several tools exist to measure and report technical SEO performance, but the most reliable is Google Lighthouse.

  • hyperapp

    1kB-ish JavaScript framework for building hypertext applications

    Project mention: VanJS (Vanilla JavaScript): smallest reactive UI framework | news.ycombinator.com | 2023-05-25

    Please check out https://github.com/jorgebucaran/hyperapp

  • ZeroNet

    ZeroNet - Decentralized websites using Bitcoin crypto and BitTorrent network

    Project mention: Its Time to make ZeroNet great again! | /r/Satoshispl | 2023-11-09

    ZernoNet project: GitHub - HelloZeroNet/ZeroNet: ZeroNet - Decentralized websites using Bitcoin crypto and BitTorrent network

  • matter-js

    a 2D rigid body physics engine for the web ▲● ■

    Project mention: Copying Angry Birds with nothing but AI | news.ycombinator.com | 2023-10-31

    Do you think this worked so cleanly because there is a tutorial similar to this and its in the dataset?

    https://github.com/liabru/matter-js/wiki/Tutorials

  • flexsearch

    Next-Generation full text search library for Browser and Node.js

  • 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.

  • AriaNg

    AriaNg, a modern web frontend making aria2 easier to use.

    Project mention: Modern web front end for aria2 (BitTorrent supported) | news.ycombinator.com | 2023-07-16
  • Dash

    A beautiful web dashboard for Linux

  • grpc-web

    gRPC for Web Clients

    Project mention: Ask HN: WebSocket server transforming channel subscriptions to gRPC streams | news.ycombinator.com | 2023-08-14

    * Additionally, client can stream data to the backend server (if bidirectional GRPC streams are used). I.e. client sends WebSocket messages, those will be transformed to GRPC messages by WebSocket server and delivered to the application backend.

    As a result we have a system which allows to quickly create individual streams by using strict GRPC contract but terminating connections over WebSocket transport. So it works well in web browsers. After that no need to write WebSocket protocol, client implementation, handle WebSocket connection. This all will be solved by a suggested WebSocket server and its client SDKs.

    The mechanics is similar to Websocketd (https://github.com/joewalnes/websocketd), but instead of creating OS processes we create GRPC streams. The difference from grpc-web (https://github.com/grpc/grpc-web) is that we provide streaming capabilities but not exposing GRPC contract to the client - just allowing to stream any data as payload (both binary and text) with some wrappers from our client SDKs side for managing subscriptions. I.e. it's not native GRPC streams on the client side - we expose just Connection/Subscription object to stream in both directions. GRPC streams used only for communication between WebSocket server and backend. To mention - grpc-web does not support all kinds of streaming now (https://github.com/grpc/grpc-web#streaming-support) while proposed solution can. This all should provide a cross-platform way to quickly write streaming apps due to client SDKs and language-agnostic nature of GRPC.

    I personally see both pros and cons in this scheme (without concentrating on both too much here to keep the question short). I spent some time thinking about this myself, already have some working prototypes – but turned out need more opinions before moving forward with the idea and releasing this, kinda lost in doubts.

    My main question - whether this seems interesting for someone here? Do you find this useful and see practical value?

  • bud

    The Full-Stack Web Framework for Go

    Project mention: Sveltekit with golang | /r/golang | 2023-05-11

    Yeah. It seems like Bud is the best option I have to get what I want: https://github.com/livebud/bud/

  • sitespeed.io

    sitespeed.io is an open-source tool for comprehensive web performance analysis, enabling you to test, monitor, and optimize your website’s speed using real browsers in various environments.

    Project mention: Is there a way to accurately measure website speed so I can document logs of changes to site speed and correlate that with changes to the website? | /r/webdev | 2023-08-04

    I've always liked sitespeed.io.

  • Node.js framework

    Node.js framework (by totaljs)

    Project mention: Building a CRUD API with Total.js: A Step-by-Step Guide | dev.to | 2023-11-15

    Total.js is a powerful web application framework for Node.js, providing an excellent foundation for building robust APIs. In this tutorial, we'll guide you through the process of creating a CRUD (Create, Read, Update, Delete) API for managing a collection of books using Total.js.

  • browser-fingerprinting

    Analysis of Bot Protection systems with available countermeasures 🚿. How to defeat anti-bot system 👻 and get around browser fingerprinting scripts 🕵️‍♂️ when scraping the web?

    Project mention: A site that tracks the price of a Big Mac in every US McDonald's | news.ycombinator.com | 2024-01-13

    Yes, there is a lot written about it. Here is one link I have saved:

    https://github.com/niespodd/browser-fingerprinting

  • next-pwa

    Zero config PWA plugin for Next.js, with workbox 🧰

    Project mention: Enable PWA with next.js 13 or later using next-pwa (disabled in development environment) | dev.to | 2023-05-27

    /** @type {import('next').NextConfig} */ const path = require("path"); const isDev = process.env.NODE_ENV !== "production"; const withPWA = require("next-pwa")({ dest: "public", disable: isDev, buildExcludes: ["app-build-manifest.json"], }); const generateAppDirEntry = (entry) => { const packagePath = require.resolve("next-pwa"); const packageDirectory = path.dirname(packagePath); const registerJs = path.join(packageDirectory, "register.js"); return entry().then((entries) => { // Register SW on App directory, solution: https://github.com/shadowwalker/next-pwa/pull/427 if (entries["main-app"] && !entries["main-app"].includes(registerJs)) { if (Array.isArray(entries["main-app"])) { entries["main-app"].unshift(registerJs); } else if (typeof entries["main-app"] === "string") { entries["main-app"] = [registerJs, entries["main-app"]]; } } return entries; }); }; const nextConfig = { experimental: { appDir: true, }, reactStrictMode: true, webpack(config) { if( !isDev ){ const entry = generateAppDirEntry(config.entry); config.entry = () => entry; } return config; }, }; module.exports = withPWA(nextConfig);

  • Discord-MusicBot

    An advanced discord music bot, supports Spotify, Soundcloud, YouTube with Shuffling, Volume Control and Web Dashboard with Slash Commands support!

  • serialize-javascript

    Serialize JavaScript to a superset of JSON that includes regular expressions and functions.

  • slash

    A collection of TypeScript/JavaScript packages to build high-quality web services. (by toss)

  • tus-js-client

    A pure JavaScript client for the tus resumable upload protocol

  • fluxible

    A pluggable container for universal flux applications.

  • loki

    👁 Visual Regression Testing for Storybook (by oblador)

    Project mention: Has anyone automated storybook for visual regression tests with loki.js? | /r/softwaretesting | 2023-07-29

    I am looking to automate storybook as part of visual testing on components. Client has suggested to try loki.js - https://loki.js.org/ . Any leads would be much appreciated!

  • superfine

    Absolutely minimal view layer for building web interfaces

  • socket

    A cross-platform runtime for Web developers to build desktop & mobile apps for any OS using any frontend library.

    Project mention: A SETI-like project to train LLM on libgen, scihub and the likes? | news.ycombinator.com | 2023-12-28

    we're working toward this with Socket runtime (https://github.com/socketsupply/socket).

    Our ultimate goal is to provide a web browser-compatible environment (for quickly building UIs) with a state of the art P2P protocol — A DTN design that is fault and partition tolerant, with comprehensive and complete NAT traversal, without any server or cloud infrastructure requirements from the user — lowering the technical and monetary barriers for distributing and parallelizing work beyond the cloud.

  • 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.

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). The latest post mention was on 2024-03-03.

JavaScript Web related posts

Index

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

Project Stars
1 webpack 64,043
2 parcel 43,040
3 lighthouse 27,725
4 hyperapp 19,030
5 ZeroNet 18,182
6 matter-js 15,796
7 flexsearch 11,477
8 AriaNg 11,204
9 Dash 10,312
10 grpc-web 8,235
11 bud 5,490
12 sitespeed.io 4,609
13 Node.js framework 4,349
14 browser-fingerprinting 3,830
15 next-pwa 3,548
16 Discord-MusicBot 2,830
17 serialize-javascript 2,773
18 slash 2,450
19 tus-js-client 1,882
20 fluxible 1,810
21 loki 1,721
22 superfine 1,562
23 socket 1,419
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