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

  • parcel

    The zero configuration build tool for the web. 📦🚀

  • Project mention: DEMO - Voice to PDF - Complete PDF documents with voice commands using the Claude 3 Opus API | dev.to | 2024-04-27

    It runs using Parcel, very simple and easy to setup. The app has 3 files:

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

  • 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
  • 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);

  • 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

  • Project mention: Supabase Storage: now supports the S3 protocol | dev.to | 2024-04-18

    Resumable uploads are powered by the TUS protocol. The journey to get here was immensely rewarding, working closely with the TUS team. A big shoutout to the maintainers of the TUS protocol, @murderlon and @acconut, for their collaborative approach to open source.

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

  • phoenix

    Phoenix is a modern open-source Code Editor for the web, built for the browser. (by phcode-dev)

  • Project mention: 10 amazing tools based on AI | /r/u_Architect-Vibhu | 2023-06-01

    - Code Builder: [Here](Phoenix Code)

  • 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 Web related posts

  • Getting started with TiniJS framework

    7 projects | dev.to | 20 Apr 2024
  • Threads on Mastodon and the Bright Future of the Fediverse

    3 projects | news.ycombinator.com | 12 Apr 2024
  • Show HN: German-Language Diceware

    1 project | news.ycombinator.com | 29 Mar 2024
  • Building W-9 Crafter

    4 projects | dev.to | 28 Mar 2024
  • Tutorial: Install P3X Redis UI

    1 project | dev.to | 9 Mar 2024
  • JS Toolbox 2024: Bundlers and Test Frameworks

    10 projects | dev.to | 3 Mar 2024
  • Can We Get More Decentralised Than the Fediverse?

    2 projects | news.ycombinator.com | 29 Feb 2024
  • A note from our sponsor - SaaSHub
    www.saashub.com | 3 May 2024
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

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

Project Stars
1 webpack 64,178
2 parcel 43,122
3 lighthouse 27,846
4 hyperapp 19,023
5 ZeroNet 18,219
6 matter-js 15,983
7 flexsearch 11,862
8 AriaNg 11,299
9 Dash 10,350
10 grpc-web 8,309
11 bud 5,503
12 sitespeed.io 4,630
13 Node.js framework 4,348
14 browser-fingerprinting 3,830
15 next-pwa 3,602
16 serialize-javascript 2,784
17 slash 2,509
18 tus-js-client 1,921
19 fluxible 1,810
20 loki 1,734
21 superfine 1,562
22 socket 1,469
23 phoenix 1,288

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