TypeScript Pwa

Open-source TypeScript projects categorized as Pwa | Edit details

Top 23 TypeScript Pwa Projects

  • Angular

    The modern web developer’s platform

    Project mention: RFC: Strictly Typed Reactive Forms Gotchas Every Angular Developer Needs to Know | dev.to | 2022-05-19

    With RFC: Strictly Typed Reactive Forms complete, many expect to have strictly typed reactive forms in the upcoming Angular 14 update. After playing around with the Strictly Typed Reactive Forms prototype, I am super excited about this upcoming feature. Not only are we getting strict types for reactive forms, but we are also getting a minor feature: the initialValueIsDefault option for FormControlOptions which will allow for resetting form values back to their initial value rather than null by default:

  • Ionic Framework

    A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

    Project mention: How To Build A Nuxt 3 Ionic Capacitor Starter App, Supabase Setup and Authentication | dev.to | 2022-05-18

    LOGIN PAGEIonTitle> IonToolbar> IonHeader> EMAIL IonLabel> IonInput> IonItem> PASSWORD IonLabel> IonInput> IonItem> SIGN IN IonButton> CREATE ACCOUNT IonButton> IonContent> IonPage> template> import { IonPage, IonHeader, IonTitle, IonToolbar, IonContent, IonButton, IonItem, IonInput, IonLabel, alertController } from "@ionic/vue" const router = useRouter(); const sbClient = useSupabase(); // local state const credentials = ref<{ email: string, password: string }>({ email: "", password: "" }) // functions const doSignIn = async () => { const { email, password } = credentials.value // make api call const { user, session, error } = await sbClient.auth.signIn({ email, password, }) if (error) { //https://ionicframework.com/docs/api/alert const alert = await alertController .create({ header: 'Error Alert', subHeader: 'Error Signing In To Supabase', message: error.message, buttons: ['OK'], }); await alert.present(); } else { const alert = await alertController .create({ header: 'Success', subHeader: 'User Logged In To Supabase', buttons: ['OK'], }); await alert.present(); console.log(user); router.replace("/"); } } script>

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

  • RxDB

    🔄 A client side, offline-first, reactive database for JavaScript Applications

    Project mention: The realtime web: evolution of the user experience | news.ycombinator.com | 2022-05-09

    You should check out RxDB. It applies realtime replication to an offline first storage. This means you even have less backend load compared to regular CRUD apps. Also you get multi-tab support for free where only one browser tabs runs the client-server connection.

    https://rxdb.info/

  • stencil

    A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.

    Project mention: By Crayons and For Crayons | dev.to | 2022-05-13

    The app is built using vanilla Web Components without using any component publishing libraries like Stencil, Lit and so on. The reason being I met with some roadblocks in building a drag-n-drop editor using these libraries. Actually the Crayons Team itself is using Stencil to build the Crayons components using TypeScript and React-like component semantics and finally publish them as platform native Web components and React wrappers for the same. You can find out more about this in the Stencil documentation.

  • Vue Storefront

    The open-source frontend for any eCommerce. Built with a PWA and headless approach, using a modern JS stack. We have custom integrations with Magento, commercetools, Shopware and Shopify and total coverage is just a matter of time. The API approach also allows you to merge VSF with any third-party tool like CMS, payment gateways or analytics. Newest updates: https://blog.vuestorefront.io. Always Open Source, MIT license.

    Project mention: How to deploy Vue Storefront 2 to Heroku 🚀 | dev.to | 2022-05-09

    Vue Storefront is Lightning-Fast Frontend Platform for Headless Commerce. Boost your site performance, shape the customer journey and free your developer's creativity with Vue Storefront, the last frontend you will ever need.

  • amplify-js

    A declarative JavaScript library for application development using cloud services.

    Project mention: Building a chat application using AWS AppSync and Serverless | dev.to | 2022-04-21

    On the frontend, we use the GraphQL operations and the Authentication module from AWS Amplify. The core of the app is the App.js file where we configure Amplify with all our authentication settings and point it to our GraphQL endpoint.

  • builder

    Drag and drop page builder and CMS for React, Vue, Angular, and more

    Project mention: My idea already exists with a huge open source community backing the project. Should I invest my time in the same idea? [Help needed] | reddit.com/r/startups | 2022-01-24

    Yes, It is. Builder Github. I think you might have mistaken them for their premium services.

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

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

  • metastream

    Watch streaming media with friends.

    Project mention: Looking for a option to watch videos with my gf (remote) | reddit.com/r/selfhosted | 2022-05-14
  • 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.

    Project mention: I built a free tool for generating PWA iOS Splash Screens | reddit.com/r/PWA | 2022-05-04

    the easiest to use is still: https://github.com/onderceylan/pwa-asset-generator

  • ReactiveTraderCloud

    Real-time FX trading showcase by Adaptive.

    Project mention: Is React performant enough for trading applications? | reddit.com/r/reactjs | 2022-03-14

    Sorry I didn't go too deep on it, first of all, live demo published here -> https://www.reactivetrader.com/

  • deckdeckgo

    The web open source editor for presentations

    Project mention: Internet Computer: Web App Decentralized Database Architecture | dev.to | 2021-08-17

    We are developing a proof of concept to port our web app, DeckDeckGo, to DFINITY's Internet Computer.

  • generator-ngx-rocket

    :rocket: Extensible Angular 13+ enterprise-grade project generator

    Project mention: Open-source Angular project recommendation | reddit.com/r/Angular2 | 2021-10-11
  • Aurelia 2

    Aurelia 2, a standards-based, front-end framework designed for high-performing, ambitious applications.

  • pwa-module

    Zero config PWA solution for Nuxt.js

    Project mention: First PWA App | reddit.com/r/PWA | 2022-02-04

    In terms of stack I would recommend taking a look at Vue and Nuxt. There is a PWA module for Nuxt, which handles everything for you, so you literally only need to add 5 lines of config (implementing service workers yourself can be tedious).

  • vite-plugin-pwa

    Zero-config PWA for Vite

    Project mention: Awesome Vite.js - A curated list of awesome things related to Vite.js | reddit.com/r/vitejs | 2022-02-16

    I’m particularly fond of the pwa plugin AntFu did with vite-plugin-pwa.

  • saleor-storefront

    A GraphQL-powered, NextJs-based, PWA storefront for Saleor. IMPORTANT: This project is [DEPRACETED] in favor of saleor/react-storefront soon to become our default demo and storefront starter pack.

    Project mention: Storefront [3.0+] Not Working | reddit.com/r/SaleorCommerce | 2021-10-12

    - https://github.com/saleor/saleor-storefront/issues/234

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

    Project mention: An opinionated, best practices, production tested PWA starter project | news.ycombinator.com | 2022-03-03
  • bangle-io

    A web only WYSIWYG note taking app that saves notes locally in markdown format.

    Project mention: Inkdrop: Organizing your Markdown notes made simple | news.ycombinator.com | 2022-05-07

    There is also https://bangle.io - an open source web app for taking markdown notes and saving them in your computer.

    Note: I’m the author of the project.

  • svelte-commerce

    Svelte ecommerce - Headless, Authentication, Cart & Checkout, TailwindCSS, Server Rendered, Proxy + API Integrated, Animations, Stores, Lazy Loading, Loading Indicators, Carousel, Instant Search, Faceted Filters, Typescript, Open Source, MIT license. 1 command deploy to your own server, 1 click deploy to netlify.

    Project mention: Created whole ecommerce storefront using Sveltekit | reddit.com/r/sveltejs | 2021-07-27
  • ionic-pwa-toolkit

    Build lightning fast Progressive Web Apps with zero config and best practices built-in. Go from zero to production ready with Ionic and Stencil (Web Components).

    Project mention: Is Ionic development ACTUALLY doable without a JS framework? | reddit.com/r/ionic | 2022-02-09

    Technically, yes. The biggest issue is routing. If you pick any off-the-shell router, you're not going to get nice, native transitions. We do have a Stencil example that uses web components and uses our `ion-router` component that is a very minimal router so you can give this a try if you like: https://github.com/ionic-team/ionic-pwa-toolkit

  • WASM-ImageMagick

    Webassembly compilation of https://github.com/ImageMagick/ImageMagick & samples

    Project mention: WebAssembly in my Browser Desktop Environment | dev.to | 2022-03-28

    Image Conversion via WASM-ImageMagick

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

    Project mention: What are you guys using to play iptv m3u files? | reddit.com/r/openSUSE | 2022-03-19
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 2022-05-19.

TypeScript Pwa related posts

Index

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

Project Stars
1 Angular 81,323
2 Ionic Framework 47,119
3 RxDB 17,440
4 stencil 10,691
5 Vue Storefront 9,412
6 amplify-js 8,729
7 builder 3,266
8 React PWA 2,466
9 metastream 2,027
10 pwa-asset-generator 1,976
11 ReactiveTraderCloud 1,695
12 deckdeckgo 1,453
13 generator-ngx-rocket 1,446
14 Aurelia 2 1,185
15 pwa-module 1,122
16 vite-plugin-pwa 972
17 saleor-storefront 765
18 pwa-starter 663
19 bangle-io 655
20 svelte-commerce 646
21 ionic-pwa-toolkit 632
22 WASM-ImageMagick 620
23 iptvnator 415
Find remote jobs at our new job board 99remotejobs.com. There are 8 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.
www.sonarlint.org