Capacitor Config Generator ⚙️

Generate a complete capacitor.config.ts file for your mobile app. Perfect for Next.js, React, and Vue developers.

Instant config

Copy & paste ready

iOS & Android

Generate a valid capacitor.config.ts for your Next.js or web project. Copy, customize, and use it instantly in your app.

App NameApp ID (Bundle ID)Web DirectoryBackground ColorServer URL (optional)

Include bundled web runtime

Generated capacitor.config.ts

import { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  "appId": "com.example.myapp",
  "appName": "MyApp",
  "webDir": "out",
  "bundledWebRuntime": false,
  "backgroundColor": "#FFFFFF",
  "plugins": {
    "SplashScreen": {
      "launchShowDuration": 2000,
      "backgroundColor": "#FFFFFF",
      "androidSplashResourceName": "splash",
      "androidScaleType": "CENTER_CROP",
      "showSpinner": false
    }
  }
};

export default config;

🛠️ Related Free Tools

• Create an iOS Bundle ID for your app
• Generate Android Keystore for signing
• Set up App Store Connect API for automation

Built with ❤️ by NextNative.dev team.

Launch mobile apps 10x faster with Next.js

Skip native dev. Use Next.js + Capacitor to go live fast.

Learn more

Loved by 45+ teams/devs