Packages & CDN

Ionic can be installed via CDN for quick prototyping or in existing projects where you don't want to deal with a build process.

CDN Installation

The easiest way to get started with Ionic is to use the CDN. Simply add the following <script> tags to your HTML file:

<script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.esm.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.js"></script>
<link href="https://cdn.jsdelivr.net/npm/@ionic/core/css/ionic.bundle.css" rel="stylesheet">

Package Installation

For more control over your Ionic installation, you can install Ionic via npm:

npm install @ionic/core

Then import Ionic in your JavaScript:

import '@ionic/core';

Next Steps

Now that you have Ionic installed, check out the Next Steps guide to learn how to build your first app.