Capacitor

ELI5 — The Vibe Check

Capacitor wraps your web app in a native shell and gives it access to device features like the camera, GPS, and push notifications. It's like putting your website in a phone costume and sending it to the App Store.

Real Talk

A cross-platform runtime by Ionic that enables web applications built with any framework (React, Vue, Angular) to run as native iOS and Android apps. Capacitor provides a bridge to native device APIs, supports custom native plugins, and can access the full native SDK of each platform.

Show Me The Code

import { Camera, CameraResultType } from '@capacitor/camera';

const takePicture = async () => {
  const image = await Camera.getPhoto({
    quality: 90,
    resultType: CameraResultType.Uri,
  });
  return image.webPath;
};

When You'll Hear This

"We wrapped our Vue app with Capacitor and shipped it to both app stores in a week." / "Capacitor replaced Cordova — it's the modern way to turn a web app into a mobile app."