https://github.com/rodydavis/vite-lit-capacitor

An example of Lit web component built with vite for use in capacitor.
https://github.com/rodydavis/vite-lit-capacitor

capacitor electron lit pwa vite web-native

Last synced: 27 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/rodydavis/vite-lit-capacitor
• Owner: rodydavis
• License: other
• Created: 2022-01-21T03:19:16.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-01-26T00:18:11.000Z (about 3 years ago)
• Last Synced: 2024-12-24T00:10:56.055Z (about 1 month ago)
• Topics: capacitor, electron, lit, pwa, vite, web-native
• Language: TypeScript
• Homepage: https://rodydavis.github.io/vite-lit-capacitor/
• Size: 2.53 MB
• Stars: 10
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## Vite + Lit + Capacitor

[![Demo](https://github.com/rodydavis/vite-lit-capacitor/actions/workflows/ci.yml/badge.svg)](https://github.com/rodydavis/vite-lit-capacitor/actions/workflows/ci.yml)

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

[Demo](https://rodydavis.github.io/vite-lit-capacitor/)

## Features

- ✅ Typescript

- 🔥 Lit

- 🛠 Vite

- 🖥 Desktop

- 📱 iOS/Android

- 🌐 PWA

## Getting Started

To build the web folder and sync the assets:

```bash

npm run build

```

To run ios or android:

```bash

npm run start:ios

npm run start:android

```

To run desktop:

```bash

npm run open:desktop

```

To run web:

```bash

npm run dev

```

## Screenshots

  	 

## Links

- https://capacitorjs.com/

- https://webnative.tech/

- https://lit.dev/

- https://vitejs.dev/

- https://www.typescriptlang.org/

- https://web.dev/progressive-web-apps/

- https://github.com/rodydavis/lit-native