![](/style/images/good.png)
![](/style/images/bad.png)
Capacitor: Cross-platform native runtime for web apps
source link: https://capacitorjs.com/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
A cross-platform native runtime for web apps.
Capacitor is an open source native runtime for building Web Native apps. Create cross-platform iOS, Android, and Progressive Web Apps with JavaScript, HTML, and CSS.
Migrate from Cordova ->![apple, android and pwa icons](https://images.prismic.io/ionicframeworkcom/2572b6ec-4952-4ba7-959a-d8aabe80a5c2_capacitor-homepage-top-1%402x.png?auto=compress,format&rect=0,0,183,32&w=92&h=16&q=65)
![layered stack of phone app showing capacitor in the middle](https://images.prismic.io/ionicframeworkcom/ffa25bb6-a032-44e4-b2f6-b83c5a73226f_capacitor-homepage-top-0%402x.png?auto=compress,format&rect=0,0,1089,1219&w=545&h=610&q=65)
Getting started is easy.
Drop Capacitor into any existing web app.
Install the native platforms you want to target.
![apple icon](https://images.prismic.io/ionicframeworkcom/c6924d12-09fa-46ac-b2fc-48142426428d_capacitor-homepage-started-0%402x.png?auto=compress,format&q=65)
![android icon](https://images.prismic.io/ionicframeworkcom/216793f2-1c11-490e-8463-622f87d593b6_capacitor-homepage-started-1%402x.png?auto=compress,format&q=65)
Access core Native APIs or extend with your own.
Capacitor’s native plugin APIs make it extremely easy to access and invoke common device functionality across multiple platforms.
![book cover with title](https://images.prismic.io/ionicframeworkcom/a003d72b-bed4-40df-814a-c7a8fa2767bf_capacitor-whitepaper-ad-0%402x.png?auto=compress,format&rect=0,0,1024,766&w=512&h=383&q=65)
See when and why to use Capacitor to build cross-platform apps. We wrote a guide to help you get started.
Read the Guide->Connect web apps to native functionality.
![triple phone icon](https://images.prismic.io/ionicframeworkcom/4b5c4f07-ffa0-44de-9c7e-213cc7c9e22a_capacitor-homepage-native-0%402x.png?auto=compress,format&q=65)
Universal apps
Build web-based applications that run equally well across iOS, Android, and as Progressive Web Apps.
![Cube with sphere inside icon](https://images.prismic.io/ionicframeworkcom/98f4ff08-7ae1-4284-b0d9-1ad7a765e29e_capacitor-homepage-native-1%402x.png?auto=compress,format&q=65)
Native access
Access the full Native SDKs on each platform, and easily deploy to the App Stores (and the web).
![Tripe phone stack layered icon](https://images.prismic.io/ionicframeworkcom/bd588d01-ec62-43c8-8bb9-68ddc3eeb792_capacitor-homepage-native-2%402x.png?auto=compress,format&q=65)
Native PWAs
Add custom native functionality with a simple Plugin API, or use existing Cordova plugins with our compatibility layer.
Cross-platform core native features.
Explore APIs->![camera icon](https://images.prismic.io/ionicframeworkcom/10d8370b-8862-4e01-9de4-cdc968ba6290_capacitor-homepage-features-0%402x.png?auto=compress,format&q=65)
Camera
Capture images, save photos, and configure hardware parameters like saturation and color balance.
![file system icon](https://images.prismic.io/ionicframeworkcom/98367b04-f749-4462-b0fc-c8492c55f6d7_capacitor-homepage-features-1%402x.png?auto=compress,format&q=65)
File System
Save and read documents, assets, and other content your users need to access via native file systems.
![antenna icon](https://images.prismic.io/ionicframeworkcom/7cfc3a6a-b3ba-4be2-9b9e-c930a9ee8a87_capacitor-homepage-features-2%402x.png?auto=compress,format&q=65)
Geolocation
Gather critical information about a user’s device location, such as latitude and longitude.
![spherical rings icon](https://images.prismic.io/ionicframeworkcom/5228d616-ee0d-45f0-b770-ef7fddf6b6d2_capacitor-homepage-features-3%402x.png?auto=compress,format&q=65)
Accelerometer
Access the device accelerometer sensors to measures changes in velocity of a device motion.
![bell icon](https://images.prismic.io/ionicframeworkcom/bdedc90e-ca59-4a30-84a7-937b1a43dce5_capacitor-homepage-features-4%402x.png?auto=compress,format&q=65)
Notifications
Schedule local notifications on the device or handle push notifications sent from a server.
![person with circle around icon](https://images.prismic.io/ionicframeworkcom/59dded8c-15e0-497b-9c16-2445dff24034_capacitor-homepage-features-5%402x.png?auto=compress,format&q=65)
Network
Monitor for network connectivity and capability changes to build resilient offline apps.
![three encompassing circles icon](https://images.prismic.io/ionicframeworkcom/31ac9e1d-0993-4ad6-a35d-27356bdf4820_capacitor-homepage-features-6%402x.png?auto=compress,format&q=65)
Haptics
Build location-aware apps by polling for the current device location or subscribing to location updates.
![slider adjustment icon](https://images.prismic.io/ionicframeworkcom/523aa1bb-a036-423d-812b-3eccdc0ee3c9_capacitor-homepage-features-7%402x.png?auto=compress,format&q=65)
Your Own Plugin
Write your own custom plugins with a little native code and lot of blood, sweat, and tears.
Bring your own web framework.
Drop Capacitor into any existing web app project, framework or library. Convert an existing React, Angular, Svelte, Vue (or your preferred Web Framework) project to native mobile.
Leveraged by some of the best businesses around the world
![burger king logo](https://images.prismic.io/ionicframeworkcom/b0e76edf-a57c-4f7d-86e6-f010a596465d_capacitor-homepage-companies-0%402x.png?auto=compress,format&q=65)
![blue cross blue shield logo](https://images.prismic.io/ionicframeworkcom/5ca56496-4fd6-4ceb-b324-feeea81d4493_capacitor-homepage-companies-1%402x.png?auto=compress,format&q=65)
![british broadcasting corporation](https://images.prismic.io/ionicframeworkcom/3c804c15-56b3-4ca0-b3b7-c89faeeb0672_capacitor-homepage-companies-2%402x.png?auto=compress,format&q=65)
![aflac logo](https://images.prismic.io/ionicframeworkcom/339d0b98-4812-4b40-9e05-f8a0eaf7b285_capacitor-homepage-companies-3%402x.png?auto=compress,format&q=65)
![popeyes logo](https://images.prismic.io/ionicframeworkcom/115a6107-e8fd-43b6-8c9e-e074fe6e0a55_capacitor-homepage-companies-4%402x.png?auto=compress,format&q=65)
![sworkit text logo](https://images.prismic.io/ionicframeworkcom/30409747-044b-482c-9c94-68882eb53044_capacitor-homepage-companies-5%402x.png?auto=compress,format&q=65)
![social security administration logo](https://images.prismic.io/ionicframeworkcom/ddd5a69e-f6a7-4069-8b2a-95978a4cc12c_capacitor-homepage-companies-6%402x.png?auto=compress,format&q=65)
![ibm logo](https://images.prismic.io/ionicframeworkcom/6c1dea9a-b214-4f38-a2b6-7f9571560632_capacitor-homepage-companies-7%402x.png?auto=compress,format&q=65)
Ready to get started?
Dive in and create your first Capacitor project
Join our Newsletter
Keep up to date with all the latest Capacitor news and updates
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK