JavaScript Pwa

Open-source JavaScript projects categorized as Pwa

Top 23 JavaScript Pwa Projects

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

  • Quasar Framework

    Quasar Framework - Build high-performance VueJS user interfaces in record time

    Project mention: Ask HN: What framework/tools to use to build front end in 2023? | news.ycombinator.com | 2023-11-11

    I'm for Vue/Nuxt. While reading React code is fine, I found it easy to shoot myself in the foot (causing circular effects or getting no reactivity) in a way Vue didn't. Vue feels more explicit. I like React's TSX for embedding HTML, but Vue's splitting of model and view appeals to me. I'm torn on that one.

    Vue's ecosystem isn't as big, but it's an established framework. Both React and Vue feel easier to work with than Angular. RxJS is really cool, but also very comprehensive, making it difficult to keep the entire API in mind. At least for me, who only use it casually (used to use it more while at Google.) And on top of that, I have to know the Angular API. Angular used to be great for Material Design, but I nowadays there are MD packages for all systems.

    Nuxt is for Vue what Next is for React: SSR and SSG. It adds auto-imports, which is nice. At this point, I see no reason to use Vue alone, since there's always something that can be pre-rendered. Perhaps the frontpage, or help pages. Since Vue itself provides entrypoints for SSR, Nuxt is more of a file-structure based router that just simplifies things. The documentation is a bit sparse on e.g. the difference between a plugin and a module, and I usually resort to navigating their source to understand things. That might not be everyone's cup of tea.

    If what you're writing is a web app, there is also Quasar, built on top of Vue. Similar to Nuxt in that it ties in directory structure, build system and MVC framework. It is also a Material Design UI widget library. Their selling point is that you can build mobile apps, and web apps with the same library. I.e. like React Native. I felt it strays too far away from the core simplicity of Vue, unlike Nuxt, but it's no doubt a very capable framework.

    Finally, I'm currently using PrimeVue as the UI widget/theming library on top of Vue. It's okay. :\ Switched to it when the Vue Bootstrap project decided to to support Vue 3 (or whatever the situation was.) I haven't come across anything that's actively broken or missing. The companion library PrimeFlex provides layout CSS. Annoyingly, they've decided to close GitHub FRs, and some (far from all) bugs, and just keep track of them internally. Makes it more dificult to communicate, but I don't know their reasoning behind it (they didn't respond when I asked.)

    * https://vuejs.org/

    * https://nuxt.com/

    * https://vitejs.dev/

    * https://primevue.org/

    * https://primeflex.org/

    * https://quasar.dev/

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

  • snapdrop

    A Progressive Web App for local file sharing

    Project mention: How to copy a file between devices? | news.ycombinator.com | 2024-02-14
  • capacitor

    Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️

    Project mention: PWAs wont replace native iOS apps | news.ycombinator.com | 2024-02-15

    > PWA optionally bundled with some native components for filing the gaps, as in Tauri.

    Isn't that essentially Capacitor?

    https://capacitorjs.com

  • onsenui

    Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

  • web-skills

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

  • just

    A library of dependency-free JavaScript utilities that do just one thing. (by angus-c)

    Project mention: TC39: Add Object.groupBy and Map.groupBy | news.ycombinator.com | 2023-12-19

    You can roll your own or use a utility library. A simple zero-dependency library would be something like just-group-by [1]. Although I now prefer remeda [2] as it seems to have the best typescript support, especially the strict variants such as `grouBy.strict`.

    [1] https://github.com/angus-c/just#just-group-by

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

  • preact-cli

    😺 Your next Preact PWA starts in 30 seconds.

  • offline-plugin

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

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

  • Padloc

    A modern, open source password manager for individuals and teams.

    Project mention: Bitwarden: Free, open-source password manager | news.ycombinator.com | 2023-09-25

    Sorry, I install from the APK directly, available in the GitHub repo. I see someone already created an issue for it at https://github.com/padloc/padloc/issues/725 so thanks for bringing it up!

  • react-most-wanted

    React starter kit with "Most Wanted" application features

  • PairDrop

    PairDrop: Local file sharing in your browser. Inspired by Apple's AirDrop. Fork of Snapdrop.

    Project mention: PairDrop: Local File Sharing in the Browser | news.ycombinator.com | 2024-01-24
  • OpenNote

    OpenNote was built to be an open web-based alternative to Microsoft OneNote (T) and EverNote.

  • next-offline

    make your Next.js application work offline using service workers via Google's workbox

  • legacy-modules

  • PixelCraft

    A Pixel Art Editor

  • pwacompat

    PWACompat to bring Web App Manifest to older browsers

    Project mention: Detect if a browser supports PWA | /r/PWA | 2023-04-22
  • pwa-studio

    🛠Development tools to build, optimize and deploy Progressive Web Applications for Magento 2.

  • pinafore

    Alternative web client for Mastodon (UNMAINTAINED)

  • react-storefront

    React Storefront - PWA for eCommerce. 100% offline, platform agnostic, headless, Magento 2 supported. Always Open Source, Apache-2.0 license. Join us as contributor ([email protected]). (by storefront-foundation)

  • phanpy

    A minimalistic opinionated Mastodon web client

    Project mention: Show HN: Agora – Beeper for Social Networks (Mastodon, Bluesky, Nostr, Twitter) | news.ycombinator.com | 2023-12-19
  • sorted-colors

    A tool to sort the named CSS colors in a way that it shows related colors together

    Project mention: Why don't we share our useful resources, tools, snippets etc for Logseq? | /r/logseq | 2023-03-02

    On fonts and colors. Used by some plugins. CSS Colors Chart.js plugin colors

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

JavaScript Pwa related posts

Index

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

Project Stars
1 lighthouse 27,674
2 Quasar Framework 24,976
3 snapdrop 17,034
4 capacitor 10,903
5 onsenui 8,777
6 web-skills 6,782
7 just 5,724
8 preact-cli 4,678
9 offline-plugin 4,503
10 next-pwa 3,511
11 Padloc 2,482
12 react-most-wanted 2,429
13 PairDrop 2,362
14 OpenNote 1,584
15 next-offline 1,565
16 legacy-modules 1,292
17 PixelCraft 1,199
18 pwacompat 1,148
19 pwa-studio 1,032
20 pinafore 1,022
21 react-storefront 769
22 phanpy 670
23 sorted-colors 575
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