https://github.com/ionic-team/pwa-elements
Quality UI experiences for Web APIs that require custom UI (such as media/camera).
https://github.com/ionic-team/pwa-elements
Last synced: 10 months ago
JSON representation
Quality UI experiences for Web APIs that require custom UI (such as media/camera).
- Host: GitHub
- URL: https://github.com/ionic-team/pwa-elements
- Owner: ionic-team
- License: mit
- Created: 2018-02-06T20:01:50.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2024-05-17T17:50:38.000Z (over 1 year ago)
- Last Synced: 2025-04-05T22:13:51.141Z (10 months ago)
- Language: TypeScript
- Homepage: https://medium.com/@maxlynch/building-the-progressive-web-app-os-57daebcb69c1
- Size: 1.99 MB
- Stars: 170
- Watchers: 17
- Forks: 52
- Open Issues: 25
-
Metadata Files:
- Readme: readme.md
- Changelog: CHANGELOG.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Ionic Elements for Progressive Web Apps
This project is a growing collection of pre-built UI experiences for Web APIs such
as camera/video, focused on building Progressive Web Apps that meet and exceed
native mobile app experiences.
These elements are a key part of our mission to build the [Progressive Web App OS](https://medium.com/@maxlynch/building-the-progressive-web-app-os-57daebcb69c1)
by providing awesome UIs on top of low-level Web APIs.
These components are built as Web Components that can be used in any web app, using
the power of [Stencil JS](http://stenciljs.com/).
## Currently Supported
Currently, the project offers a quality in-app Camera experience using
`getUserMedia`, with support for multiple cameras and with automatic handling
of image data.
See [the provided example](https://github.com/ionic-team/ionic-pwa-elements/blob/master/src/index.html)
for an example of how to use these components.
## Capacitor Usage
Ionic PWA Elements were built primarily for developers using [Capacitor](https://capacitorjs.com/),
our Native app container that allows web apps to run on nearly every platform
with consistent APIs.
Ionic PWA Elements offer web-UI experiences for Capacitor apps running in a browser
as PWA, such that the API is identical for the PWA and the native app store app.
See the [Capacitor PWA Elements](https://capacitorjs.com/docs/web/pwa-elements)
page for more information on using this library in your Capacitor apps.