Ionic is an open source UI toolkit for structure performant, premium mobile apps using web technologies - HTML, CSS, and JavaScript - with combinations for popular frameworks like Angular, React, and Vue.
Start building by setting up Ionic or following our First App Tutorial to discover the main principles.
Step-by-step guides to setting up your system and installing the structure.
Dive into Ionic perfectly developed UI component library.
Integrate native gadget plugins, like Bluetooth, Maps, HealthKit, and more.
Learn to easily customize and modify your Ionic app's visual style to fit your brand name.
Overview
Ionic focuses on the frontend UX and UI interaction of an app - UI controls, interactions, gestures, animations. It's easy to learn, and integrates with other libraries or structures, such as Angular, React, or Vue. Alternatively, it can be utilized standalone with no frontend structure using a basic script consist of. If you wish to learn more about Ionic before diving in, we produced a video to stroll you through the basics.
One codebase, running all over
Ionic is the only mobile app stack that enables web developers to develop apps for all major app stores and the mobile web from a single codebase. And with Adaptive Styling, Ionic apps look in the house on every device.
A focus on efficiency
Ionic is built to carry out and act great on the current mobile phones with best practices like effective hardware sped up shifts, and touch-optimized gestures.
Clean, easy, and practical style
Ionic is developed to work and show perfectly on all current mobile devices and platforms. With ready-made components, typography, and a beautiful (yet extensible) base theme that adjusts to each platform, you'll be developing in style.
Native and Web enhanced
Ionic replicates native app UI guidelines and uses native SDKs, bringing the UI standards and device functions of native apps together with the full power and versatility of the open web. Ionic utilizes Capacitor (or Cordova) to release natively, or runs in the browser as a Progressive Web App.
Goals
Cross-platform
Build and deploy apps that work across multiple platforms, such as native iOS, Android, and the web as a Progressive Web App - all with one code base. Write as soon as, run anywhere.
Web Standards-based
Ionic is developed on top of reliable, standardized web technologies: HTML, CSS, and JavaScript, using contemporary Web APIs such as Custom Elements and Shadow DOM. Because of this, Ionic parts have a stable API, and aren't at the impulse of a single platform supplier.
Beautiful Design
Clean, simple, and functional. Ionic is created to work and show beautifully out-of-the-box throughout all platforms. Start with components, typography, interactive paradigms, and a gorgeous (yet extensible) base style.
Simplicity
Ionic is constructed with simpleness in mind, so that producing apps is pleasurable, simple to learn, and available to almost anyone with web advancement abilities.
Framework Compatibility
While past releases of Ionic were securely combined to Angular, variation 4.x of the framework was re-engineered to work as a standalone Web Component library, with integrations for the latest JavaScript frameworks, like Angular. Ionic can be utilized in many frontend frameworks with success, consisting of React and Vue, though some frameworks require a shim for complete Web Component support.
JavaScript
Among the primary goals with moving Ionic to Web Components was to get rid of any difficult requirement on a single framework to host the components. This made it possible for the core components to work standalone in a web page with simply a script tag. While dealing with frameworks can be terrific for bigger groups and bigger apps, it is now possible to use Ionic as a standalone library in a single page even in a context like WordPress.
Angular
Angular has constantly been at the center of what makes Ionic great. While the core components have actually been composed to work as a standalone Web Component library, the @ionic/ angular bundle makes integration with the Angular environment a breeze. @ionic/ angular consists of all the performance that Angular designers would expect originating from Ionic 2/3, and integrates with core Angular libraries, like the Angular router.
React
Ionic now has main support for the popular React library. Ionic React lets React developers use their current web abilities to construct apps that target iOS, Android, and the web. With @ionic/ respond, you can utilize all the core Ionic elements, however in a manner that seems like utilizing native React components.
Vue
Ionic now has main support for the popular Vue 3 library. Ionic Vue lets Vue developers use their current web skills to build apps that target iOS, Android, and the web. With @ionic/ vue, you can utilize all the core Ionic components, however in a way that feels like utilizing native Vue elements.
Future Support
Support for other frameworks will be thought about in future releases.
Ionic CLI
The main Ionic CLI, or Command Line Interface, is a tool that rapidly scaffolds Ionic apps and provides a variety of practical commands to Ionic designers. In addition to installing and updating Ionic, the CLI features an integrated development server, build and debugging tools, and far more. If you are an Appflow member, the CLI can be used to carry out cloud builds and deployments, and administer your account.
Appflow
To help develop, release, and handle Ionic apps throughout their lifecycle, we provide an industrial service for production apps called Appflow, which is different from the open source Framework.
Appflow helps developers and teams compile native app develops and deploy live code updates to Ionic apps from a central dashboard. Optional paid upgrades are offered for advanced capabilities like releasing directly to app stores, workflow automation, single sign-on (SSO) and access to linked services and integrations.
Appflow requires an Ionic Account and features a totally free "Hobby" plan for those interested in playing around with some of its features.
Ecosystem
Ionic is actively developed and kept full-time by a core group, and its environment is guided by an international neighborhood of designers and contributors sustaining its development and adoption. Developers and companies small and big use Ionic to develop and deliver remarkable apps that run everywhere.
Join the Community
There are countless Ionic developers in over 200 countries worldwide. Here are some ways to join:
Forum: A terrific place for asking questions and sharing ideas.
Twitter: Where we publish updates and share content from the Ionic community.
GitHub: For reporting bugs or asking for brand-new features, produce a concern here. PRs welcome!
Content authoring: Write a technical blog site or share your story with the Ionic neighborhood.
License
The Ionic UI Toolkit is a complimentary and open source job, launched under the permissible MIT license. This means it can be used in personal or commercial jobs for complimentary. MIT is the same license used by such popular projects as jQuery and Ruby on Rails.
