An example of Lit web component built with vite for use in capacitor.

Overview

Vite + Lit + Capacitor

Demo

An example of Lit web component built with vite for use in capacitor.

Demo

Features

  • Typescript
  • 🔥 Lit
  • 🛠 Vite
  • 🖥 Desktop
  • 📱 iOS/Android
  • 🌐 PWA

Getting Started

To build the web folder and sync the assets:

npm run build

To run ios or android:

npm run start:ios
npm run start:android

To run desktop:

npm run open:desktop

To run web:

npm run dev

Screenshots

Links

You might also like...

Example-browserstack-reporting - This repository contains an example of running Selenium tests and reporting BrowserStack test results, including full CI pipeline integration.

BrowserStack reporting and Selenium test result example This repository contains an example of running Selenium tests and reporting BrowserStack test

Jan 1, 2022

Example auto-generated OpenAPI client library and an accompanying example Angular app.

To utilize this demo Head into petstore_frontend\petes_pets Run npm install Go to frontend_client_lib\out Run npm install Head back into petstore_fron

Jan 21, 2022

An example on how to use Solana Wallet Adapter as a Web Authentication Method.

An example on how to use Solana Wallet Adapter as a Web Authentication Method.

Solana Wallet Auth: A FullStack example This example uses Solana's wallet adapter to sign messages and verifies their signatures on the backend, allow

Dec 20, 2022

This project is a boilerplate for Next and TypeScript projects. This template was built with Vite, TypeScript and Stitches.

This project is a boilerplate for Next and TypeScript projects. This template was built with Vite, TypeScript and Stitches.

Awesome Template Stitches — NextJS, TypeScript, Stitches and Design Tokens Summary About this template Avaliale scripts Other scripts available Main t

Dec 29, 2022

A contact app built with Solid.js, Vite, Hope UI and Typescript.

Solid Contacts Solid Contacts is a contact app to learn more about concepts like Solid.js (router / store / resources / reactivity), Vite and Hope UI.

Sep 21, 2022

This simple project, show how work with async Fetch, function component and class component

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Feb 17, 2022

dynamic-component-app is an angular application for dynamic component template creation

MyApp This project was generated with Angular CLI version 14.1.0. Development server Run ng serve for a dev server. Navigate to http://localhost:4200/

Aug 26, 2022

Chrome Extensions are something which we use very frequently in our day-to-day life for example Grammarly

Chrome-Extension Chrome Extensions are something which we use very frequently in our day-to-day life for example Grammarly, In this project similarly,

Dec 14, 2022

This example shows how to use Tailwind CSS (v3.0) with Next.js

This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind docs.

Jul 1, 2022
Owner
Rody Davis
Developer Advocate for @material-components at @Google
Rody Davis
Minimal example of token gating with Next.js and Lit Protocol

This is a minimal example of how to token-gate a Next.js page using Lit Protocol using getServerSideProps. This token gates a /protected page checking

Nader Dabit 37 Dec 31, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
The completed Codelab for GDG Central Florida - Ionic/Capacitor wizardry with Angular

GDG Central Florida - Ionic/Capacitor wizardry with Angular This is the completed code for Building an Ionic Application with Angular The App It is a

Javier 2 Oct 10, 2022
Mag🔥Lit - A super fast and easy-to-use free and open source private encrypted Magnet/HTTP(s) Link Shortener

Mag ?? Lit Mag ?? Lit - A super fast and easy-to-use free and open source private encrypted Magnet/HTTP(s) Link Shortener https://maglit.ml Features ✅

null 280 Jan 8, 2023
A robust form library for Lit that enriches input components with easy-to-use data validation features.

EliteForms A robust form library for Lit that enriches input components with easy-to-use data validation features. Installation npm install elite-form

OSLabs Beta 33 Jun 28, 2022
🦄 Lit File Generator

A lit generator for a component, directive, and controller

ngneat 16 Oct 25, 2022
Lit + File Based Routing + Nested Layouts

Lit File Based Routing Lit router for nested layouts and file based routing. Similar to https://remix.run/ but at client side. Demo Package Archived i

Rody Davis 9 Jan 14, 2022
mono-repo for lit-app and dependencies

Lit-Apps CAUTION: THIS IS VERY EARLY SOFTWARE - DO NOT USE IN PRODUCTION - VERY LIKELY TO CHANGE Lit-apps an ecosystem of lit-based applications. I

null 16 Dec 18, 2022