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.
import { Geolocation } from '@capacitor/geolocation';
// get the users current position
const position = await Geolocation.getCurrentPosition();
// grab latitude & longitude
const latitude = position.coords.latitude;
const longitude = position.coords.longitude;
import { Camera, CameraResultType } from '@capacitor/camera';
// Take a picture or video, or load from the library
const picture = await Camera.getPicture({
resultType: CameraResultType.Uri
});
import Foundation
import Capacitor
// Custom platform code, easily exposed to your web app
// through Capacitor plugin APIs. Build APIs that work
// across iOS, Android, and the web!
@objc(MyAwesomePlugin)
public class MyAwesomePlugin: CAPPlugin {
@objc public func doNative(_ call: CAPPluginCall) {
let alert = UIAlertController(title: "Title", message: "Please Select an Option", preferredStyle: .actionSheet)
// ....
}
}
Building Cross-platform Apps with Capacitor
Ship cross-platform mobile apps 10X faster. We wrote a free guide on when and why to use Capacitor to build cross-platform apps.
Connect web apps to native functionality.
Universal apps
Build web-based applications that run equally well across iOS, Android, and as Progressive Web Apps.
Native access
Access the full Native SDKs on each platform, and easily deploy to the App Stores (and the web).
Native PWAs
Add custom native functionality with a simple Plugin API, or use existing Cordova plugins with our compatibility layer.
Capture images, save photos, and configure hardware parameters like saturation and color balance.
File System
Save and read documents, assets, and other content your users need to access via native file systems.
Geolocation
Gather critical information about a user’s device location, such as latitude and longitude.
Accelerometer
Access the device accelerometer sensors to measures changes in velocity of a device motion.
Notifications
Schedule local notifications on the device or handle push notifications sent from a server.
Network
Monitor for network connectivity and capability changes to build resilient offline apps.
Haptics
Add physical feedback through haptic features available on modern devices.
Your Own Plugin
Write your own custom plugins to access specialty features and easily integrate any 3rd-party SDK.
Bring your own web framework.
Drop Capacitor into any existing web project, framework or library. Convert an existing
React, Svelte, Vue (or your preferred Web Framework) project to native mobile.
What people are saying
about Capacitor.
Austin Howard
@a_howard8
I’m reallllyyyy digging capacitor 👀
Angular
@angular
Did you know @capacitorjs shows how to give your
#Angular app access to mobile APIs and a presence in app stores?
scriptkitty
@thr0wsException
I'm pretty hyped to be honest, from what I've seen so far this will be another major step for establishing web technology as the go-to method for developing cross platform apps ♥
Adeniyi Tolulope
@tolutronics
@capacitorjs has been a great companion this year... with realtime updates.
Yes, It works 😱 deep linking and google native authentication in iOS
@capacitorjs
Greg Marine
@gregmarine
One of the nice things about Capacitor is that you don’t have to use Ionic. I personally love Ionic and use it for UI components. But it isn’t required for Capacitor 😊
Jacob Clark
@imjacobclark
We blogged about how we use Capacitor to build our 4 Children’s apps at the
@BBC
Supercharge your app with enterprise-grade solutions.
Ready for enterprise. With an Ionic platform subscription, access powerful security, authentication, deployment, and CI/CD features focused on teams building critical apps.
Ready to start building?
Dive in and create your first Capacitor project today