Superpowers for creating
Drag and drop components directly into your app, which automatically adds code as you build. Move seamlessly between design and code to create apps, more visually, with live previews.
Drag & Drop Components
Increase development speed with drag & drop support in both Code and Design mode.
Highlight any component in code or design mode to view and edit all of its properties.
Full Code Portability
Make changes outside of Studio and take your project with you at any time. Your code is always the source of truth.
Full-featured App Builder
Ionic Studio is a full code editor with TypeScript support, autocompletion, debugging and more. A single install delivers nearly every dependency, so you can focus on development instead.
UI Component Library
Drag & drop 100+ pre-built Ionic UI components directly into your project’s code. Then modify their properties live.
No Docs Required
With Ionic’s components at your fingertips, there’s no need to dig through pages of documentation to learn Ionic.
Secure Local Editor
Studio’s secure, local editor works off the file system and plays nicely with other tools, and with new or existing projects.
Live Preview. Native & Web.
Watch your app come to life in real-time, as you build it out. Preview your app live via the web and physical devices. You can also natively run your project as an iOS or Android app with the click of a button.
Preview in a web browser to see how your app is coming together, with live reloading changes as you make them.
See how your app looks & feels across any variety of devices by running your app in iOS and Android native simulators.
Connect Studio locally to your physical devices to view and interact with apps in development.
All of your app, in one place.
As part of the Ionic Development Platform, Ionic Studio helps you manage your entire development project, and every phase of the app lifecycle.
Assets & Config
Quick and easy way to manage all of your assets and files, config properties, app name and description, and more.
Easily change and customize the colors in your app with a graphical interface that sits on top of your CSS files.
Cordova project control
Easily add and manage Cordova plugins and platforms for iOS & Android. Use Studio’s one-click repair to fix Cordova projects.
One-click integration with Ionic Appflow, a powerful suite of mobile DevOps services for every phase of the application lifecycle.