hg0088线上网址

Ionic Docs Docs

Native

Search docs/
Search docs/
Ionic Docs Docs
  • Structure
  • Responsive Grid
  • Global StylesheetsCSS Utilities
  • Basics
  • Platform Styles
  • CSS VariablesColorsThemesDark ModeAdvancedColor Generator
  • Overview
  • Build Your First App
    LifecycleNavigation/RoutingConfigPlatformTestingStoragePerformanceProgressive Web Apps
  • Overview
  • Quickstart
  • Build Your First App
    LifecycleNavigation/RoutingConfigPlatform UtilsProgressive Web AppsTesting
  • Overview
  • Build Your First App
  • LifecycleNavigation/Routing
  • Animations
  • Gestures
  • iOS App Store
  • Android Play StoreProgressive Web App (PWA)Electron Desktop App
  • Security
  • Debugging
  • Build ErrorsRuntime ErrorsNative ErrorsCORS Errors
  • Fundamentals
  • Cross PlatformWeb ViewWhat are PWAs?
  • How to Contribute
  • Code of Conduct
  • Glossary
  • VersioningRelease NotesGitHub Changelog
  • Support Policy
  • Browser Support
  • Migration
  • Books
  • CoursesGuidesPostsToolsVideos

    Ionic Framework

    Ionic Framework is an open source UI toolkit for building performant, high-quality mobile and desktop apps using web technologies — HTML, CSS, and JavaScript — with integrations for popular frameworks like Angular andReact.

    Get started building by installing Ionic or following our First App Tutorial to learn the main concepts.

    Installation Guide

    hg0088线上网址Step-by-step guides to setting up your system and installing the framework.

    UI Components

    hg0088线上网址Dive into Ionic Framework's beautifully designed UI component library.

    Native Functionality

    hg0088线上网址Integrate native device plugins, like Bluetooth, Maps, HealthKit, and more.

    Theming
    hg0088线上网址Learn to easily customize and modify your Ionic app's visual design to fit your brand.

    Overview

    Ionic Framework 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 frameworks, such asAngular, React, or Vue. Alternatively, it can be used standalone without any frontend framework using a simplescript include. If you’d like to learn more about Ionic Framework before diving in, wecreated a video to walk you through the basics.

    One codebase, running everywhere

    Ionic is the only mobile app stack that enables web developers to build apps for all major app stores and the mobile web from a single codebase. And withAdaptive Stylinghg0088线上网址, Ionic apps look and feel at home on every device.

    A focus on performance

    Ionic is built to perform and behave great on the latest mobile devices with best practices like efficient hardware accelerated transitions, and touch-optimized gestures.

    Clean, simple, and functional design

    Ionic is designed to work and display beautifully on all current mobile devices and platforms. With ready-made components, typography, and a gorgeous (yet extensible) base theme that adapts to each platform, you'll be building in style.

    Native and Web optimized

    hg0088线上网址Ionic emulates native app UI guidelines and uses native SDKs, bringing the UI standards and device features of native apps together with the full power and flexibility of the open web. Ionic uses Capacitor (or Cordova) to deploy 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, desktop, and the web as a Progressive Web App - all with one code base. Write once, run anywhere.

    Web Standards-based

    Ionic Framework is built on top of reliable, standardized web technologies: HTML, CSS, and JavaScript, using modern Web APIs such as Custom Elements and Shadow DOM. Because of this, Ionic components have a stable API, and aren't at the whim of a single platform vendor.

    Beautiful Design

    hg0088线上网址Clean, simple, and functional. Ionic Framework is designed to work and display beautifully out-of-the-box across all platforms.Start with pre-designed components, typography, interactive paradigms, and a gorgeous (yet extensible) base theme.

    Simplicity

    Ionic Framework is built with simplicity in mind, so that creating Ionic apps is enjoyable, easy to learn, and accessible to just about anyone with web development skills.

    Framework Compatibility

    While past releases of Ionic were tightly coupled to Angular, version 4.x of the framework was re-engineered to work as a standaloneWeb Component library, with integrations for the latest JavaScript frameworks, like Angular. Ionic can be used in most frontend frameworks with success, including React and Vue, though some frameworks need a shim for full Web Component support.

    JavaScript

    One of the main goals with moving Ionic Framework toWeb Components was to remove any hard 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 just a script tag. While working with frameworks can be great for larger teams and larger 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 always been at the center of what makes Ionic great. While the core components have been written to work as a standalone Web Component library, the@ionic/angular package makes integration with the Angular ecosystem a breeze.@ionic/angular includes all the functionality that Angular developers would expect coming from Ionic 2/3, and integrates with core Angular libraries, like the Angular router.

    React

    Ionic now has official support for the popular React library. Ionic React lets React developers use their existing web skills to build apps that target iOS, Android, the web, and the desktop. With@ionic/reacthg0088线上网址, you can use all the core Ionic components, but in a way that feels like using native React components.

    Future Support

    hg0088线上网址Support for other frameworks are expected in a future release. Currently official bindings for Vue are in development, though some components just work out of the box in those frameworks.

    Ionic CLI

    The official Ionic CLI, or Command Line Interface, is a tool that quickly scaffolds Ionic apps and provides a number of helpful commands to Ionic developers. In addition to installing and updating Ionic, the CLI comes with a built-in development server, build and debugging tools, and much more. If you are anIonic Appflowhg0088线上网址 member, the CLI can be used to perform cloud builds and deployments, and administer your account.

    Ionic Appflow

    To help build, deploy, and manage Ionic apps throughout their lifecycle, we offer a commercial service for production apps calledIonic Appflow, which isseparate from the open source Framework.

    Appflow helps developers and teams compile native app builds and deploy live code updates to Ionic apps from a centralized dashboard. Optional paid upgrades are available for more advanced capabilities like publishing directly to app stores, workflow automation, single sign-on (SSO) and access to connected services and integrations.

    Appflow requires an Ionic Account and comes with a free “Hobby” plan for those interested in playing around with some of its features.

    Ecosystem

    Ionic Framework is actively developed and maintained full-time by a core team, and its ecosystem is guided by an international community of developers and contributors fueling its growth and adoption. Developers and companies small and large use Ionic to build and ship amazing apps that run everywhere.

    Join the Community

    hg0088线上网址There are millions of Ionic developers in over 200 countries worldwide. Here are some ways to join:

    • Forum: A great place for asking questions and sharing ideas.
    • A lively place for devs to meet and chat in real time.
    • Where we post updates and share content from the Ionic community.
    • For reporting bugs or requesting new features, create an issue here. PRs welcome!
    • Content authoring: Write a technical blog or share your story with the Ionic community.

    License

    Ionic Framework is a free and open source project, released under the permissableMIT license. This means it can be used in personal or commercial projects for free. MIT is the same license used by such popular projects as jQuery and Ruby on Rails.

    This documentation content (found in the ionic-docs repo) is licensed under theApache 2 license.

    Next
    Environment Setup
    iOS
    View Source