See how Capacitor fits into the entire Ionic Ecosystem ->
Capacitor is part of the Ionic Ecosystem ->
Live demo
Hybrid vs. Native Webinar Wed, July 22nd ->
Hybrid vs. Native Webinar ->

A cross-platform native runtime for web apps.

Capacitor turns any web app into a native app so you can run one app across iOS, Android, and the Web with the same code.

Supported platforms
Capacitor Architecture Diagram

Getting started is easy.

01

Drop Capacitor into any existing web app.

npm install @capacitor/cli @capacitor/core
npx cap init
02

Install the native platforms you want to target.

AppleAndroid
npx cap add ios
npx cap add android
03

Access APIs on both native and web, or extend with your own.

Notifications
Geolocation
Camera
Custom
import { Plugins } from '@capacitor/core';
const { LocalNotifications } = Plugins;

LocalNotifications.schedule({
  notifications: [
    {
      title: "On sale",
      body: "Widgets are 10% off. Act fast!",
      id: 1,
      schedule: { at: new Date(Date.now() + 1000 * 5) },
      sound: null,
      attachments: null,
      actionTypeId: "",
      extra: null
    }
  ]
});

Connect web apps to
native functionality.

Universal apps

Universal apps

Build web-based applications that run equally well across iOS, Android, and as Progressive Web Apps.

Native access

Native access

Access the full Native SDKs on each platform, and easily deploy to the App Stores (and the web).

Native PWAs

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

Camera

Camera

Capture, save photos, and configure hardware parameters like focus and white balance.

File System

File System

Save and read assets, documents, and other data your users need by accessing native file systems

Geolocation

Geolocation

Build location-aware apps by polling for the current device location or subscribing to location updates.

Accelerometer

Accelerometer

Access the device accelerometer sensors to respond to changes in device motion in 3d space.

Notifications

Notifications

Build applications that send and respond to local and server-pushed notifications

Haptics

Haptics

Use haptic hardware to provide physical feedback for user actions

Accessibility

Accessibility

Respond to changes in accessibility states and extend your app with a11y features

Your Own Plugin

Your Own Plugin

Extend your app with custom native and web code to provide consistent APIs across platforms.

Bring your own web
framework.

Drop Capacitor into any existing web app project, framework or library. Convert an existing React, Angular, Svelte, Vue, Ember (or your preferred Web Framework) project to native mobile and use any UI library of your choosing.

React
Angular
Svelte
Vue
Stencil
jQuery
Bootstrap
Ionic
Material UI
Framework7
Quasar
Angular Material