The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 23 TypeScript Pwa Projects
-
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.
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
-
Vue Storefront
Alokai is a Frontend as a Service solution that simplifies composable commerce. It connects all the technologies needed to build and deploy fast & scalable ecommerce frontends. It guides merchants to deliver exceptional customer experiences quickly and easily.
-
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.
-
pwa-asset-generator
Automates PWA asset generation and image declaration. Automatically generates icon and splash screen images, favicons and mstile images. Updates manifest.json and index.html files with the generated images according to Web App Manifest specs and Apple Human Interface guidelines.
-
React PWA
An upgradable boilerplate for Progressive web applications (PWA) with server side rendering, build with SEO in mind and achieving max page speed and optimized user experience.
-
PWABuilder
The simplest way to create progressive web apps across platforms and devices. Start here. This repo is home to several projects in the PWABuilder family of tools.
-
storefront-ui
A frontend library for Vue and React that helps developers quickly build fast, accessible, and beautiful storefronts. Made with 💚 by Vue Storefront team and contributors.
-
iptvnator
:tv: Cross-platform IPTV player application with multiple features, such as support of m3u and m3u8 playlists, favorites, TV guide, TV archive/catchup and more.
-
gatsby-advanced-starter
A high performance skeleton starter for GatsbyJS with an advanced feature set.
-
Aurelia 2
Aurelia 2, a standards-based, front-end framework designed for high-performing, ambitious applications.
-
pwa-starter
Welcome to the PWABuilder pwa-starter! Looking to build a new Progressive Web App and not sure where to get started? This is what you are looking for!
-
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.
Project mention: Angular Signals, Reactive Context, and Dynamic Dependency Tracking | dev.to | 2024-04-24/** * https://github.com/angular/angular/blob/75a186e321cb417685b2f13e9961906fc0aed36c/packages/core/src/render3/reactivity/untracked.ts#L15 * * packages/core/src/render3/reactivity/untracked.ts * **/ export function untracked(nonReactiveReadsFn: () => T): T { const prevConsumer = setActiveConsumer(null); try { return nonReactiveReadsFn(); } finally { setActiveConsumer(prevConsumer); } }
Project mention: Bypass CORS errors while testing your APIs using Hoppscotch 🔧 | dev.to | 2024-04-17How can Hoppscotch help you intercept the API calls? 👽
I was recently able to sit down with some of the core members of Ionic, who also created Stencil a toolchain for building Design Systems and Progressive Web Apps. We talked at great length how typically companies are approaching Ionic from a Design Team and need help building components. As a developer I wanted to talk about the Web Components that are used within the Design System first. There was a decent amount of surprise, so I thought I would break down what a Design System is and why it doesn't matter which end you start with, as long as you have both your Design and Development teams working together to build your Design System.
One note of caution, though: Amplify uses a frontend-only Cognito integration that stores long-lived, never-rotating refresh tokens in browser storage, where any XSS vulnerability would have access to them. A more secure approach is to implement a couple of backend API routes to store the refresh tokens in `HttpOnly` cookies instead, which I outlined here (option 1 in your case to support SSO). I'll probably open source a solution to do this early next year so we don't all have to keep reinventing this wheel (probably why AWS calls their conference re:invent).
Project mention: Introducing GPT Crawler - Turn Any Site Into a Custom GPT With Just a URL | dev.to | 2023-12-21I created my first custom GPT based on the Builder.io docs site, forum, and example projects on github and it can now answer detailed questions with code snippets about integrating Builder.io into your site or app. You can try it here (currently requires a paid ChatGPT plan).
I am trying to glue together a Nuxt 3 PWA with vite-plugin-pwa, more specifically @vite-pwa/nuxt. I installed the module and set up basic configuration (I basically followed this video)
Project mention: How To Generate Icons for a Progressive Web App from SVG File With a Single Command | dev.to | 2023-07-30To generate icons, we use pwa-asset-generator. The first command generates a favicon icon with a transparent background, the second one creates all the necessary icons for a progressive web app, and the third one creates images for splash screens. The last command is optional, in case you have an icon for dark mode.
For a PWA to be listed in app stores, it must be wrapped within additional software. This wrapper tends to be less robust and not as finely tuned as mainstream browsers, a fact that even PWABuilder acknowledges.
Project mention: Gatsby starters: 30 free Gatsby templates for blazingly fast website building | dev.to | 2024-04-03GitHub source
The biggest is Beatbump (GitHub), a free privacy respecting YouTube Music frontend with the ability to self host it or use a public instance. Working on the latest refactor, which should be done soon!
TypeScript Pwa related posts
- Don't upload your PWA to the app stores
- React-PWA got the latest Vite v5
- RetroAssembly, a browser-based vintage game collection viewer and emulator launcher
- Show HN: RetroAssembly – build your retro game library in the browser
- Building a Game with Phaser
- Retro Assembly, a web app to play retro games with controller in browsers
- How To Generate Icons for a Progressive Web App from SVG File With a Single Command
-
A note from our sponsor - WorkOS
workos.com | 26 Apr 2024
Index
What are some of the best open-source Pwa projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Angular | 94,464 |
2 | Postwoman | 60,091 |
3 | Ionic Framework | 50,410 |
4 | Vue Storefront | 10,448 |
5 | amplify-js | 9,363 |
6 | builder | 6,666 |
7 | vite-plugin-pwa | 2,744 |
8 | pwa-asset-generator | 2,628 |
9 | React PWA | 2,553 |
10 | metastream | 2,429 |
11 | PWABuilder | 2,433 |
12 | storefront-ui | 2,292 |
13 | ReactiveTraderCloud | 1,811 |
14 | iptvnator | 1,695 |
15 | gatsby-advanced-starter | 1,550 |
16 | generator-ngx-rocket | 1,527 |
17 | vocechat-web | 1,532 |
18 | Aurelia 2 | 1,347 |
19 | pwa-module | 1,218 |
20 | flow | 1,150 |
21 | pwa-starter | 1,105 |
22 | Beatbump | 989 |
23 | bangle-io | 988 |
Sponsored