Signup for the Ionic Newsletter to get the latest news and updates!

  • Max Gomes

    Nice! Looking forward to try it out!

  • Alejandro

    Sounds cool. Will capacitor work with Ionic1 apps?

    • yesimahuman

      Yes!

      • Nico Westerdale

        Would love to see a post that details the steps in migrating an Ionic 1 app to Capacitor. What the benefits and caveats are. A lot of us are working on existing projects and don’t get to play from the ground up with the newest toys in the box. I appreciate that this is still Alpha and will take a while to get there, but I’d like to be able to make the decision of whether this should be on our roadmap for adoption in 2018. From the post above it all sounds great, but I’m still not seeing the core reasons to switch over and I’d like to make that determination. That said, thanks for pushing the boundaries!

  • http://www.martinspierings.nl/ Martin Spierings

    Is there any demo to try out?

    • yesimahuman

      See above, should have one soon!

  • sudhan

    Can you please give some demo in capacitor. It will very helpful to us.

    • yesimahuman

      Yes we will get on that, stay tuned. 🍻

      • sudhan

        thanks

  • http://blog.oxiane.com Alain Boudard

    Whoah, what a project !
    Now, how would you integrate native plugins “into” a PWA on the mobile ?

    • yesimahuman

      We have an API for building web fallbacks for plugins so the same APIs work in the browser if a plugin has its own web implementation

  • https://jgbnd.com Jean Gérard Bousiquot

    Now, I’m interested in how you plan to face React Native in term of speed. Is Capacitor faster than Cordova?

    • http://janpiotrowski.de/ Jan Piotrowski

      In what regards exactly is React Native faster than Cordova in your experience? Which measurements are you looking at?

      • https://jgbnd.com Jean Gérard Bousiquot

        First of all React Native is is a real native app. You don’t use the webview for it as in Ionic/Cordova. So navigation, time to launch… are much faster than Ionic.

        I’m an Ionic user, I’m currently learning React Native for that specifically. I need more speed. If Capacitor can give me that speed boost, than I won’t have to switch to React Native or pure native for more complex apps.

        ps: I love Ionic and its ecosystem.

        • yesimahuman

          Thanks Jean. A few ways we are tackling that very problem: ionic 4 will boot a lot faster than ionic 2/3 or 1, and then Capacitor will eventually allow you to use native navigation shell for faster navigation if you wish. The benefit of Capacitor is that same code will work in the browser as a PWA, something that isn’t really the case with other cross platform tools today. Cheers

          • https://jgbnd.com Jean Gérard Bousiquot

            cool thanks!

        • http://wonderswipe.com Gary Fung

          More specifically on performance, is no janky animation. Whole class of custom UI cannot be done with Cordova/Ionic apps (been there, tried that), when webviews have too horrid FPS. In React Native, UI performance problems mostly solves themselves.

          • yesimahuman

            Sounds like RN is working well for you, and that’s great. The web isn’t going anywhere though and we want to continue to build and improve on it with Capacitor. We’ve had some great reception from RN users that want to build more of their app with web technology, run it on multiple platforms without modification, and just use a native shell approach, so it’s certainly not either or.

          • http://wonderswipe.com Gary Fung

            I didn’t say either or. Only certain apps with “custom UI” as I said, and not all (not majority, even) apps have custom UI that can’t be made as a web app.

            But it’s also not useful to pretend Cordova/Capacitor (likely) is anything more than just web apps with some native API access.

          • yesimahuman

            Considering a Capacitor app is a full native app, that distinction doesn’t really mean much. You’re free to build portions of the app using native views if you so choose, and we have some prototypes using native navigation and menu, with pages as web content. Compared to Cordova, it’s a lot easier to drop down to native when you want to. The fact that people want to build most of their app using web technology doesn’t mean that a capacitor app is just a web app with some minimal native api access

          • http://wonderswipe.com Gary Fung

            Ok, I didn’t get that from this article. Good direction then for Capacitor to make it easier to add/integrate native views (and responsive to native gestures?) as needed.

          • anil

            So if we want to mix native components means do we need to write native code?
            i mean do we had native language knowledge?
            Thanks

        • mahmoud goda

          Exactly i have the same issue with Ionic and i’m thinking to switch to React native

    • Generic Comment

      Writing plugins in capacitor looks a lot easier, so you could write native code to perform intense calculations rather than using JavaScript. Won’t really benefit UI, but it can definitely improve long calculations.

  • Said Marar

    Well inersting project … i have one question is there a plugin that allows the a service worker run even if the app is closed or task kill by the user ??? I found it in reactnative … but i dont want to switch because i love IONIC

    • yesimahuman

      Yes, we have some basic support for this already with our background task feature but will be adding more. Which plugin did you find from react native you’d like us to support?

    • anil

      I think this plugin helps you.
      https://github.com/katzer/cordova-plugin-background-mode
      You have to add this line where you want to run app background cordova.plugins.backgroundMode.excludeFromTaskList();

  • Guillaume Aloird

    Nice ! I already love this project 🙂

  • http://www.mikece.com Mike Cerny

    “Another difference is that Capacitor’s JS runtime is meant to be built into your app, providing a cross-platform API translation layer for Native and Web API calls.”

    If the language runtime is built into the app, why limit to JavaScript? Why not a runtime/VM for Ruby, Python, Dart, etc? Clearly this would not apply to PWAs but a hybrid app using Python instead of JavaScript for app logic would open up a world of interesting possibilities. Hopefully the JS runtime part will be a swapable module allowing the use of any number of languages.

    • Owen Melbourne

      I guess not….. as things like Ruby and Python are server side, where as apps are all client side, like Ruby isn’t going to help you open/close a dropdown menu for example?

      • http://www.mikece.com Mike Cerny

        The article says the JS runtime used by Capacitor will be part of the Capacitor layer — in other words, not relying on the JS engine on the OS in question. That being the case, why not have the option for _other_ language runtimes/interpreters. Ruby and Python can run client-side just fine if there’s an environment for them.

      • Solerman Kaplon

        You confusing Ruby (the environment-agnostic language) with Rails (a server-side framework). I guess python is more use client-side than server side (thinking all the gnome apps written on it)

  • Joe landau

    Is Capacitor tied to Ionic? Or can you port any non-Ionic Cordova app?

    • yesimahuman

      It’s not tied to Ionic, any web app can work with it. It’s like Cordova in that regard. Cheers

  • Artur Veiga

    I have a little doubt. Will the project still run on a webview?

    • berardo

      Looks like so?
      “We want to be clear: we are not abandoning Cordova nor the hybrid approach it championed.”

    • yesimahuman

      Yes. We are all in on the web. That means you’ll be able to take a Capacitor app and deploy it to Electron or as a Progressive Web App with the same code. However, we plan on making it easier to mix in Native UI controls (like navigation and menus) while still maintaining cross-platform compatibility.

  • vijeth AG

    Im trying to understand more about Capacitor, How does Capacitor compare with web API (I mean with W3C adding more and more features like Camera/Geo-location etc., via the navigator object which are open web API’s).

  • ninguno

    I don’t understand that much. Does this mean Ionic will be eventually replaced by Capacitor? Or is Capacitor a replacement for Cordova APIs and therefore Ionic projects will work the same on the front-end but consuming a Capacitor API??

    • yesimahuman

      Capacitor is a replacement for Cordova, and is the native runtime and tooling used to interface with Native SDKs, and manage native platforms and plugins.

      The way you use Ionic with it is identical, and soon Ionic CLI will ship with Capacitor as an option

      • Daniel Rodrigues

        Nice, I was wondering If Ionic would be discontinued. Keep the good work!

        • yesimahuman

          No, definitely not! 😀 Ionic is the whole company and it’s all centered around Ionic Framework, so it’s not going anywhere!

  • http://northmoorpodcast.com Tim White

    So excited! This is a great move.

  • Luique Cruz

    This is really cool! can’t wait to try it out. o/

  • https://logus.us Alejandro Heredia

    This is really good news. Looking forward to use it.

  • tonymedrano

    That’s great ‼️‼️💪🏾💪🏾👏🏼👏🏼

  • http://crestdesign.in Ashraf

    Very excited! This is a great move

  • http://www.charlesen.fr Charles

    Great Job !! Can’t wait to add it in my next project !!

  • Geoffrey

    Really good news. Cordova became year after year too complicated to maintain. In french we call this “Usine a gaz”. It is really nice to give more control to native code. As well it would be nice to have a common repository for plugins which can avoid having to much plugins with different dependencies.

  • http://gian.xyz Gianfranco Palumbo
  • Timothy Gandionco

    Will really wanna try this. Hope it’s as fast as React Native, if not faster. It would make this way cooler.

  • anil

    Sounds Good.
    At Correct time i read this article.
    Actually i am Ionic dev from 4years and recently planning to shift to ReactNative as i thought of whole mobile market shifting to ReactNative and Flutter.
    But i likes Ionic.

    RN and Flutter gain popularity mainly because of their brand.(Facebook and Google).

    But as a Javascript Background for me its very hard to learn and dev apps and especially designing app in RN or flutter tooooo hard.

    So I am expecting good performance from Capacitor.
    If you guys working on Performance and Especially Concentrate on Device compatibility issues means it will be good.

    Thanks