| 1 | # Ionic Elements for Progressive Web Apps
|
| 2 |
|
| 3 | This project is a growing collection of pre-built UI experiences for Web APIs such
|
| 4 | as camera/video, focused on building Progressive Web Apps that meet and exceed
|
| 5 | native mobile app experiences.
|
| 6 |
|
| 7 | 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)
|
| 8 | by providing awesome UIs on top of low-level Web APIs.
|
| 9 |
|
| 10 | These components are built as Web Components that can be used in any web app, using
|
| 11 | the power of [Stencil JS](http://stenciljs.com/).
|
| 12 |
|
| 13 | ## Currently Supported
|
| 14 |
|
| 15 | Currently, the project offers a quality in-app Camera experience using
|
| 16 | `getUserMedia`, with support for multiple cameras and with automatic handling
|
| 17 | of image data.
|
| 18 |
|
| 19 | See [the provided example](https://github.com/ionic-team/ionic-pwa-elements/blob/master/src/index.html)
|
| 20 | for an example of how to use these components.
|
| 21 |
|
| 22 | ## Capacitor Usage
|
| 23 |
|
| 24 | Ionic PWA Elements were built primarily for developers using [Capacitor](http://capacitor.ionicframework.com/),
|
| 25 | our Native app container that allows web apps to run on nearly every platform
|
| 26 | with consistent APIs.
|
| 27 |
|
| 28 | Ionic PWA Elements offer web-UI experiences for Capacitor apps running in a browser
|
| 29 | as PWA, such that the API is identical for the PWA and the native app store app.
|
| 30 |
|
| 31 | See the [Capacitor PWA Elements](https://capacitor.ionicframework.com/docs/pwa-elements)
|
| 32 | page for more information on using this library in your Capacitor apps.
|