Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ionic-team/capacitor
Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️
https://github.com/ionic-team/capacitor
android capacitor cordova cross-platform css html ionic ios java javascript pwa swift
Last synced: 6 days ago
JSON representation
Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️
- Host: GitHub
- URL: https://github.com/ionic-team/capacitor
- Owner: ionic-team
- License: mit
- Created: 2017-11-18T21:38:09.000Z (almost 7 years ago)
- Default Branch: main
- Last Pushed: 2024-05-22T12:20:13.000Z (6 months ago)
- Last Synced: 2024-05-22T13:38:02.637Z (6 months ago)
- Topics: android, capacitor, cordova, cross-platform, css, html, ionic, ios, java, javascript, pwa, swift
- Language: TypeScript
- Homepage: https://capacitorjs.com
- Size: 70.9 MB
- Stars: 11,263
- Watchers: 163
- Forks: 957
- Open Issues: 208
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-android - Capacitor - Build cross-platform Native Progressive Web Apps for iOS, Android, and the web. Very promising Cordova alternative. (Development Alternatives / HTML, CSS and Javascript)
- awesome-jsgames - Capacitor - Build cross-platform Native Progressive Web Apps for iOS, Android, and the web ⚡️ (Uncategorized / Uncategorized)
- Awesome-Ionic - Github Project
- awesome-repositories - ionic-team/capacitor - Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️ (TypeScript)
- awesome-android - Capacitor - Build cross-platform Native Progressive Web Apps for iOS, Android, and the web. Very promising Cordova alternative. (Development Alternatives / HTML, CSS and Javascript)
- StarryDivineSky - ionic-team/capacitor
- Awesome - Capacitor - Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️ . (Development / VoIP)
- awesome - ionic-team/capacitor - Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️ (TypeScript)
- awesome-capacitorjs - @capacitor/ios
- awesome-platform-engineering - Capacitor- cross-platform web apps building framework
README
⚡️ Cross-platform apps with JavaScript and the Web ⚡️
---
Capacitor lets you run web apps natively on iOS, Android, Web, and more with a single codebase and cross-platform APIs.
Capacitor provides a cross-platform API and code execution layer that makes it easy to call Native SDKs from web code and to write custom native plugins that your app may need. Additionally, Capacitor provides first-class Progressive Web App support so you can write one app and deploy it to the app stores _and_ the mobile web.
Capacitor comes with a Plugin API for building native plugins. Plugins can be written inside Capacitor apps or packaged into an npm dependency for community use. Plugin authors are encouraged to use Swift to develop plugins in iOS and Kotlin (or Java) in Android.
## Getting Started
Capacitor was designed to drop-in to any existing modern web app. Run the following commands to initialize Capacitor in your app:
```
npm install @capacitor/core @capacitor/cli
npx cap init
```
Next, install any of the desired native platforms:
```
npm install @capacitor/android
npx cap add android
npm install @capacitor/ios
npx cap add ios
```
### New App?
For new apps, we recommend trying the [Ionic Framework](https://ionicframework.com/) with Capacitor.
To begin, install the [Ionic CLI](https://ionicframework.com/docs/cli/) (`npm install -g @ionic/cli`) and start a new app:
```
ionic start --capacitor
```
## FAQ
#### What are the differences between Capacitor and Cordova?
In spirit, Capacitor and Cordova are very similar. Capacitor offers backward compatibility with a vast majority of Cordova plugins.
Capacitor and Cordova differ in that Capacitor:
- takes a more modern approach to tooling and plugin development
- treats native projects as source artifacts as opposed to build artifacts
- is maintained by the Ionic Team 💙😊
See [the docs](https://capacitorjs.com/docs/cordova#differences-between-capacitor-and-cordova) for more details.
#### Do I need to use Ionic Framework with Capacitor?
No, you do not need to use Ionic Framework with Capacitor. Without the Ionic Framework, you may need to implement Native UI yourself. Without the Ionic CLI, you may need to configure tooling yourself to enable features such as [livereload](https://ionicframework.com/docs/cli/livereload). See [the docs](https://capacitorjs.com/docs/getting-started/with-ionic) for more details.
## Contributing
See [`CONTRIBUTING.md`](./CONTRIBUTING.md).
## Contributors
Made possible by the [Capacitor community](https://github.com/ionic-team/capacitor/graphs/contributors). 💖