• Stars
    star
    11,539
  • Rank 2,870 (Top 0.06 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created about 7 years ago
  • Updated 5 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️

⚡️ Cross-platform apps with JavaScript and the Web ⚡️


Capacitor lets you run web apps natively on iOS, Android, Web, and more with a single codebase and cross-platform APIs.

Capacitor provides a cross-platform API and code execution layer that makes it easy to call Native SDKs from web code and to write custom native plugins that your app may need. Additionally, Capacitor provides first-class Progressive Web App support so you can write one app and deploy it to the app stores and the mobile web.

Capacitor comes with a Plugin API for building native plugins. Plugins can be written inside Capacitor apps or packaged into an npm dependency for community use. Plugin authors are encouraged to use Swift to develop plugins in iOS and Kotlin (or Java) in Android.

Getting Started

Capacitor was designed to drop-in to any existing modern web app. Run the following commands to initialize Capacitor in your app:

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

Next, install any of the desired native platforms:

npm install @capacitor/android
npx cap add android
npm install @capacitor/ios
npx cap add ios

New App?

For new apps, we recommend trying the Ionic Framework with Capacitor.

To begin, install the Ionic CLI (npm install -g @ionic/cli) and start a new app:

ionic start --capacitor

FAQ

What are the differences between Capacitor and Cordova?

In spirit, Capacitor and Cordova are very similar. Capacitor offers backward compatibility with a vast majority of Cordova plugins.

Capacitor and Cordova differ in that Capacitor:

  • takes a more modern approach to tooling and plugin development
  • treats native projects as source artifacts as opposed to build artifacts
  • is maintained by the Ionic Team 💙😊

See the docs for more details.

Do I need to use Ionic Framework with Capacitor?

No, you do not need to use Ionic Framework with Capacitor. Without the Ionic Framework, you may need to implement Native UI yourself. Without the Ionic CLI, you may need to configure tooling yourself to enable features such as livereload. See the docs for more details.

Contributing

See CONTRIBUTING.md.

Contributors

Made possible by the Capacitor community. 💖

More Repositories

1

ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
TypeScript
49,820
star
2

ionicons

Premium hand-crafted icons built by Ionic, for Ionic apps and web apps everywhere 🌎
TypeScript
17,166
star
3

stencil

A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
TypeScript
11,913
star
4

ionic-conference-app

A conference app built with Ionic to demonstrate Ionic
TypeScript
3,543
star
5

ng-cordova

OBSOLETE: Please move to Ionic Native https://github.com/ionic-team/ionic-native
JavaScript
3,499
star
6

ionic-cli

The Ionic command-line interface
TypeScript
1,991
star
7

ionic-angular-cordova-seed

The perfect starting point for an Ionic project
JavaScript
726
star
8

ionic-pwa-toolkit

Build lightning fast Progressive Web Apps with zero config and best practices built-in. Go from zero to production ready with Ionic and Stencil (Web Components).
TypeScript
634
star
9

ionic-plugin-keyboard

Ionic Keyboard Plugin for Cordova
C++
613
star
10

ionic-app-scripts

App Build Scripts for Ionic Projects
TypeScript
612
star
11

ionic-docs

HTML
581
star
12

ionic-react-conference-app

The Ionic Conference Demo App - Now in React
TypeScript
498
star
13

capacitor-plugins

Official plugins for Capacitor ⚡️
Java
491
star
14

cordova-plugin-ionic-webview

Web View plugin for Cordova, specialized for Ionic apps.
Objective-C
482
star
15

ionic-site

Repo for the ionicframework.com site
JavaScript
453
star
16

capacitor-assets

Local Capacitor icon/splash screen resource generation tool
TypeScript
448
star
17

starters

Starter templates for Ionic apps, used by the Ionic CLI
JavaScript
446
star
18

ionic-app-base

A base starting point for Ionic, with Cordova, Bower, and Gulp.
JavaScript
424
star
19

ionic-ion-tinder-cards

Add Tinder-style card swiping to any app with this simple Ionic Ion.
JavaScript
390
star
20

ionic-storage

Ionic Storage module for Ionic apps
TypeScript
389
star
21

ionic-starter-super

The Ionic 2 Super Starter 🎮
TypeScript
382
star
22

ionic-unit-testing-example

Example of adding unit testing in your Ionic 2.x or greater apps with Karma and Jasmine
TypeScript
378
star
23

ionic-ion-swipe-cards

Swipeable card based layout for Ionic and Angular
JavaScript
354
star
24

ionic-plugin-deeplinks

Handle deeplinks into your Ionic/Cordova apps from Universal Links, App Links, and Custom URL schemes. For those using Ionic 2, there are some nice goodies that make life easier.
Objective-C
332
star
25

stencil-site

Stencil site and documentation source.
TypeScript
318
star
26

graphite

Clean jQuery Mobile theme-pack and theme generator
JavaScript
302
star
27

stencil-component-starter

Minimal starter project for building shareable web components with Stencil https://github.com/ionic-team/stencil
TypeScript
263
star
28

stencil-ds-output-targets

These are output targets that can be added to Stencil for React and Angular.
TypeScript
247
star
29

ionic2-starter-aws

Ionic + AWS MobileHub Starter Project
JavaScript
238
star
30

collide

A powerful javascript animation engine for web and hybrid mobile apps, inspired by Facebook Pop, built by the Ionic team.
JavaScript
234
star
31

ionic-native-google-maps

Google maps plugin for Ionic Native
TypeScript
223
star
32

ionic2-app-base

Template for starting Ionic 2 apps, used by the Ionic CLI
CSS
222
star
33

front-page

An example Hacker News app showcasing what's possible with Ionic
JavaScript
198
star
34

trapeze

The mobile project configuration toolbox. Manage native iOS, Android, Ionic/Capacitor, React Native, and Flutter apps through a simple YAML format.
TypeScript
194
star
35

ionic-v1

The repo for Ionic 1.x. For the latest version of Ionic, please see https://github.com/ionic-team/ionic
JavaScript
192
star
36

ionic-starter-tabs

A starting project for Ionic using a simple tabbed interface
HTML
161
star
37

ionic-ion-header-shrink

A demo of making a header that shrinks based on the user scrolling (like Facebook's iOS app).
JavaScript
161
star
38

creator-weekly-workshops

Here you can find any code that we use in the Creator Demo Videos
JavaScript
154
star
39

ionifits

Human Resources demo app (Zenefits clone) serving as a reference for enterprise app developers on the Ionic stack.
TypeScript
152
star
40

ionic-example-cordova-camera

An example of how to use the Cordova Camera API
JavaScript
150
star
41

stencil-store

Store is a lightweight shared state library by the StencilJS core team. Implements a simple key/value map that efficiently re-renders components when necessary.
TypeScript
149
star
42

ionic-starter-maps

An Ionic starter project using Google Maps and a side menu
JavaScript
143
star
43

tutorial-photo-gallery-angular

Photo Gallery Tutorial: Ionic Angular and Capacitor
TypeScript
139
star
44

pwa-elements

Quality UI experiences for Web APIs that require custom UI (such as media/camera).
TypeScript
135
star
45

ionic-v3

The repo for Ionic 3.x. For the latest version of Ionic, please see https://github.com/ionic-team/ionic
TypeScript
129
star
46

ionic-starter-sidemenu

A starting project for Ionic using a side menu with navigation in the content area
JavaScript
126
star
47

native-run

Utility for running native binaries on iOS and Android devices and simulators/emulators
TypeScript
123
star
48

ionic-contrib-frosted-glass

An optional frosted-glass effect for iOS 7 styled Ionic apps.
JavaScript
123
star
49

ionic-heroku-button

A one-click Ionic app template for Heroku
JavaScript
123
star
50

ionic-starter-cardboard

A google cardboard template for Ionic
JavaScript
113
star
51

ionic-pwa-demos

A collection of cool Ionic Progressive Web App demos. PR to add your own!
JavaScript
109
star
52

rollup-plugin-node-polyfills

JavaScript
108
star
53

ionic-vue-conference-app

Ionic Conference app ported to Vue
Vue
104
star
54

ionic-stencil-hn-app

Ionic Stencil HackerNews App
TypeScript
103
star
55

ionic-module-template

A template for building a reusable Angular 2 module for Ionic 2 apps
TypeScript
96
star
56

stencil-state-tunnel

A tool for tunneling state/props down through a component stack.
TypeScript
95
star
57

stencil-redux

TypeScript
95
star
58

ionic-bower

Bower repository for Ionic
JavaScript
93
star
59

ionic-stencil-conference-app

A conference app built with Stencil to demonstrate Ionic
TypeScript
90
star
60

ionic-present

Present Ionic in your town. Share the new way to build mobile apps.
JavaScript
90
star
61

capacitor-remix-templates

Build native iOS, Android, and Web apps with Capacitor and Remix.run 💿
Swift
90
star
62

ionic2-starter-tutorial

This tutorial goes along with the example on Ionic v2 documentation
TypeScript
87
star
63

ionic-starter-salesforce

A starter project for Ionic and Salesforce
JavaScript
85
star
64

cordova-plugin-ionic

Ionic Cordova SDK
TypeScript
78
star
65

ionic-proxy-example

A quick Ionic project showing how to use the proxy server
JavaScript
75
star
66

docs-demo

A demo/kitchen sink for the docs
TypeScript
74
star
67

ionic-contrib-firebase-login

Using Firebase's angularFire and simple login with Ionic
JavaScript
69
star
68

ionic-package-hooks

Cordova hooks that you can run in Ionic Package
JavaScript
69
star
69

stencil-sass

Sass plugin for Stencil
TypeScript
69
star
70

angular-toolkit

Angular Schematics and Builders for `@ionic/angular` apps.
TypeScript
68
star
71

ionic2-starter

An Ionic2 starter project
68
star
72

tutorial-photo-gallery-react

Photo Gallery Tutorial: Ionic React and Capacitor
TypeScript
68
star
73

legacy-ionic-cloud

JavaScript Client for legacy Ionic Cloud services. See Ionic Pro for our new take on the ionic development lifecycle
TypeScript
65
star
74

photo-gallery-tutorial-ionic4

Ionic framework v4 tutorial: Building a Photo Gallery!
TypeScript
64
star
75

ionic-learn

CSS
62
star
76

ionic-ion-frost

A reusable frosted-glass effect for adding this cool iOS effect to your Ionic apps.
JavaScript
62
star
77

create-capacitor-plugin

Create a new Capacitor plugin ⚡️
Mustache
58
star
78

tutorial-photo-gallery-vue

Photo Gallery Tutorial: Ionic Vue and Capacitor
CSS
57
star
79

ionic2-starter-tabs

A starting project for Ionic using a simple tabbed interface
TypeScript
53
star
80

ionic-portals

Portals Javascript Library and Docs
JavaScript
52
star
81

ionic-ion-drawer

A side menu drawer for Ionic apps
JavaScript
51
star
82

tslint-ionic-rules

Common TypeScript lint rules/preferences for Ionic.
TypeScript
50
star
83

stencil-router-v2

TypeScript
45
star
84

ionic-app-lib

The library used for using ionic apps - consumed by the CLI and the GUI
JavaScript
44
star
85

capacitor-starters

A collection of projects to use as a resource for new Capacitor apps
JavaScript
44
star
86

stencil-ds-plugins-demo

This is a demo project using the stencil-ds-plugins.
TypeScript
44
star
87

create-stencil

npm init stencil
TypeScript
43
star
88

ionic-gulp-tasks

Collection of gulp tasks for building Ionic apps
JavaScript
41
star
89

ionic2-starter-sidemenu

A starting project for Ionic with side menu navigation
TypeScript
41
star
90

ionic-code

Ionic code
JavaScript
40
star
91

stencil-ds-react-template

This is an example repo of building plugins.
TypeScript
37
star
92

appflow-build

GitHub Action for triggering Appflow Builds
TypeScript
36
star
93

stencil-inspector

TypeScript
36
star
94

ionic2-deeplinks-demo

A test repo for deep linking in Ionic 2
JavaScript
35
star
95

capacitor-background-runner

C
35
star
96

ionic-ion-ios-buttons

Simple iOS 7 style rounded buttons with CSS
34
star
97

portals-ecommerce-demo

E-commerce Demo App using Ionic Portals
Java
33
star
98

ionic-e2e-example

Example app for Ionic E2E
TypeScript
32
star
99

capacitor-testapp

TypeScript
32
star
100

eas-2021

Conference app for the Ionic Enterprise App Summit 2021.
TypeScript
31
star