If you plan to use many of the pages and features offered by the template, then you could use the template as a base to create your app.
This means that the template is itself an Ionic app, so you don't need to create another app.
You can use the template as a base for your app and just delete the pages you don't want, and customize them to create your own and unique app.
If you only want to use some specific pages or components and you already have an existing Ionic App, then it would be better for you to just import the features and components your need into your existing app.
How to do this? Let's assume you want to add the Contact Card page (and all its styles) to you app.
Copy the entire contact-card folder from
Copy the utils folder which includes the shell files from
If you didn't change the
theme folder from your existing app, then delete it and copy the entire
theme folder from the template.
If you did change the
theme folder from your existing app, then just copy the rest of the files from the theme folder expect the
variables.scss file. Then open this file and add the styles we set for the template such as the font-family and the margins.
If you want to use any of the custom components then copy all the components folder from
Note that we use dayjs library for the countdown components, so if you want to use it you need to install it by running:
npm install firstname.lastname@example.org --save
Add the new route to your routing file such as
We designed many custom icons for this template and you are free to use them if you like. All of them are located in the
src/assets/sample-icons folder. If you want to use them you need to include them in your project.