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: I need a crash course in JavaScript project structure | reddit.com/r/learnjavascript | 2023-01-30

    A bundler like webpack is usually being used where npm is involved in order to generate a single .js file from all of the imports / exports - and you can usually see the start commands under "scripts" in the package.json - the webpack configuration itself will usually be under a webpack.config.js in the root directory. The bundle is usually placed in a /dist/ folder, and convention is to place all non-configuration code in an adjacent /src/ folder.

  • parcel

    The zero configuration build tool for the web. 📦🚀

    Project mention: Do you guys create a separate css page for each html file(page)? | reddit.com/r/learnprogramming | 2023-01-09

    Webpack is just fine, but it can be very complex and tends to have a high learning curve. Tools like parcel and rollup do more or less the same thing as webpack, but they're much easier to learn, tend to be more forgiving, and require a lot less boilerplate setup to get up and running.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • lighthouse

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

    Project mention: How to store your app's entire state in the url | news.ycombinator.com | 2023-01-09

    Here's the non-psuedo code equivalent that can leverage CompressionStream rather than using a browserified-gzip-library: https://github.com/GoogleChrome/lighthouse/blob/437eb4d757c5...

    We use it in Lighthouse for the exact same purpose, a URL #hash full of state. We found that modern browsers support 10mb of data in the hash. https://github.com/GoogleChrome/lighthouse/pull/12509#discus...

  • hyperapp

    1kB-ish JavaScript framework for building hypertext applications.

    Project mention: Espresso.js – minimal React alternative – is now a decade old | news.ycombinator.com | 2022-10-05

    The likely reason it never caught on, is that it has similar pitfalls as Backbone:

    - manually attaching DOM elements to view controllers

    - manually attaching child views

    - models which have to be wired individually via .listenTo

    - possibility of infinite loops if the events accidentally recurse

    A better tiny alternative would be hyperapp[1] or even Preact, that has a similar bundle size.

    [1] https://github.com/jorgebucaran/hyperapp

  • ZeroNet

    ZeroNet - Decentralized websites using Bitcoin crypto and BitTorrent network

    Project mention: Professor of law, Bruce Pardy on Trudeau's upcoming internet censorship in 2023. | reddit.com/r/Canada_sub | 2023-01-11

    Nothing can be censored here. Nothing. https://zeronet.io. read that again. Nothing can be censored because it is 100% decentralized, that is the opposite of centralized power.

  • matter-js

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

    Project mention: Phaser vs PixiJS for making 2D games | dev.to | 2022-08-18

    Another option is to add a third-party physics library such as Matter.js, although setting up and integrating the physics library can be tricky. If you need physics in your game, especially more complex physics effects, Phaser is a better choice.

  • Dash

    A beautiful web dashboard for Linux

    Project mention: what monitoring tool would you recommend to monitor a linux machine used as server? | reddit.com/r/selfhosted | 2022-04-28

    I use https://github.com/afaqurk/linux-dash

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

  • AriaNg

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

    Project mention: Ask HN: Use phone to check status of currently running process on laptop | news.ycombinator.com | 2022-08-16
  • flexsearch

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

    Project mention: Nextra 2 – Next.js Static Site Generator | dev.to | 2023-01-23

    Full-text search is powered by FlexSearch and Nextra will index all of your pages at build time ⚡.

  • grpc-web

    gRPC for Web Clients

    Project mention: Understanding gRPC Concepts, Use Cases & Best Practices | dev.to | 2023-01-15

    protoc-gen-grpc-web — a plugin that allows our front end to communicate with the backend using gRPC calls. A separate blog post on this coming up in the future.

  • beaker

    An experimental peer-to-peer Web browser

    Project mention: Ask HN: Those making $0/month or less on side projects – Show and tell | news.ycombinator.com | 2023-01-27

    it sounds a lot like you're reinventing what Beaker Browser had built on top of DAT, except that it could do more. For example, they made a distributed Twitter clone as a proof of concept, but folks actually started using it. Definitely included blogging stuff.

    Really cool stuff around taking sites and things other folks had built and using them as a basis for your new thing.

    https://github.com/beakerbrowser/beaker/

  • Node.js framework

    Node.js framework (by totaljs)

    Project mention: What is the Total.js Plaform? | dev.to | 2023-01-30
  • gifshot

    JavaScript library that can create animated GIFs from media streams, videos, or images.

    Project mention: Riffr - Create Photo Montages in the Browser with some ML Magic✨ | dev.to | 2022-12-08

    Important APIs - ml5 for in-browser detection, face-api that uses tensorflow-node to accelerate on-server detection. VueUse for a bunch of useful component tools like the QR Code generator. Yahoo's Gifshot for creating gif files in-browser etc.

  • 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: Hey! Another FREE guide for you! | reddit.com/r/proxies | 2022-04-18

    So he here is a link to the original, true Github repo, so at least the author might get reimbursed via his affiliation links and get rightfully paid rather than just plagiarized by other proxy blogs - https://github.com/niespodd/browser-fingerprinting

  • next-pwa

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

    Project mention: PWA support in NextJs | reddit.com/r/codehunter | 2022-05-01

    We tried to use next-offline and next-pwa, but we were only able to precache the static assets.

  • serialize-javascript

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

    Project mention: Trying and failing to implement react redux persistence | reddit.com/r/gatsbyjs | 2022-02-19

    ​ and this is my config for the plugin: { resolve:gatsby-plugin-react-redux-persist, options: { // [required] - path to your createStore module pathToCreateStoreModule: './src/store', // [optional] - options passed toserialize-javascript // info: https://github.com/yahoo/serialize-javascript#options // will be merged with these defaults: serialize: { space: 0, // ifisJSONis set tofalse,evalis used to deserialize redux state, // otherwiseJSON.parseis used isJSON: true, unsafe: false, ignoreFunction: true, }, // [optional] - if true will clean up after itself on the client, default: cleanupOnClient: true, // [optional] - name of key onwindowwhere serialized state will be stored, default: windowKey: '__PRELOADED_STATE__', }, },

  • jeelizFaceFilter

    Javascript/WebGL lightweight face tracking library designed for augmented reality webcam filters. Features : multiple faces detection, rotation, mouth opening. Various integration examples are provided (Three.js, Babylon.js, FaceSwap, Canvas2D, CSS3D...).

    Project mention: Adding AR Filters in a 100ms Video Call - Part 1 | dev.to | 2022-03-08

    Ikr! That's what I was thinking when I came across Jeeliz. Now I have worked with tensorflow.js based libraries in the past but they're usually quite CPU intensive for a live video use case. Jeeliz looked promising as it's designed for this use case. So I thought why not try it out by adding some 3d AR filters to our video calls. Well! that is what we're going to do.

  • Discord-MusicBot

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

    Project mention: Any discord bots that can play music from youtube? | reddit.com/r/Discord_Bots | 2022-10-10

    https://github.com/SudhanPlayz/Discord-MusicBot if you follow the tutorial for how to add this to replit, its feature rich, fast, free and only took me 30 minutes to set up earlier tonight msg me if you have questions

  • fluxible

    A pluggable container for universal flux applications.

    Project mention: Importing CSS files in Isomorphic React Components | reddit.com/r/codehunter | 2022-03-15

    Html.jsx - My HTML jsx component that tries to import/require the CSS. This is an isomorphic app (using Fluxbile), hence needing to have the actual HTML as a rendered component. Using the require statement seen in this file, in any part of my application, gives the error described.

  • slash

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

    Project mention: 10 Trending Github repositories / October, 20 2022 | dev.to | 2022-10-20

    git clone https://github.com/toss/slash.git

  • superfine

    Absolutely minimal view layer for building web interfaces.

  • loki

    👁 Visual Regression Testing for Storybook (by oblador)

    Project mention: Loki – Visual Regression Testing for Storybook | news.ycombinator.com | 2022-08-15
  • web2img

    Bundle web files into a single image

    Project mention: YouTubeDrive: Store Files as YouTube Videos | news.ycombinator.com | 2022-05-24
  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

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 2023-01-30.

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 62,449
2 parcel 41,938
3 lighthouse 25,959
4 hyperapp 18,908
5 ZeroNet 17,783
6 matter-js 14,189
7 Dash 10,077
8 AriaNg 9,899
9 flexsearch 9,495
10 grpc-web 7,283
11 beaker 6,642
12 Node.js framework 4,170
13 gifshot 3,940
14 browser-fingerprinting 3,272
15 next-pwa 2,787
16 serialize-javascript 2,647
17 jeelizFaceFilter 2,330
18 Discord-MusicBot 2,196
19 fluxible 1,811
20 slash 1,809
21 superfine 1,558
22 loki 1,548
23 web2img 1,243
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com