MENU


Ionic

Alexa's Ranking: 7,946

Free and open-source, Ionic offers a library of mobile-optimized UI components, gestures, and tools for building fast, highly interactive apps. It allows you to build cross-platform apps with the web.


<ion-card>
  <ion-img src="/assets/myImg.png"></ion-img>
  <ion-card-content>
    <ion-card-header>
      <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
      <ion-card-title>Card Title</ion-card-title>
    </ion-card-header>
    <p>Here’s a small text description for the card component.
        Nothing more, nothing less.
    </p>
    <ion-item>
      <ion-button fill="solid">Action</ion-button>
      <ion-icon name="heart" slot="end"></ion-icon>
      <ion-icon name="share" slot="end"></ion-icon>
    </ion-item>
  </ion-card-content></ion-card>

Ionic is built to perform and run fast on all of the latest mobile devices. Build out-of-the-box blazing-fast apps with a small footprint and built-in best practices like hardware accelerated transitions, touch-optimized gestures, pre-rendering, and AOT compiling.

Ionic is engineered to integrate seamlessly with all the best frontend frameworks, including Angular, React, Vue, or even no framework at all with vanilla JavaScript.

Ionic makes it easy to access native device features with just a little bit of JavaScript. Choose from a rich library of over 120 native device plugins for accessing Camera, Geolocation, Bluetooth, and more, or dive into the full native SDK when you need it. There's no limit to what you can build.


async takeProfilePicture() {  // Take a picture or video, or load from the library
  const picture = await this.camera.getPicture({
    encodingType: this.camera.EncodingType.JPEG
  });  // confirm that users choice of picture
  const msg = "Set as new profile picture?";
  const confirmed = await this.dialogs.confirm(msg);
  if (confirmed) {    // upload the picture to the server
    return this.userService.uploadProfilePic(picture);
  }}