Ionic 5 Full Starter App

Ionic 5 is here with huge improvements. This ionic template is built using Angular 10 and Ionic Framework and has everything you need to jump start your app development! Get Ion5FullApp and enjoy lots of carefully designed pages with the most required functionalities.

Choose your version:

We offer 2 different versions of this app so you can choose which one fits your needs:


I’ve a particular set os skills

59 +100 screens & components

  • Beautiful screens hand crafted by Professionals
  • Ionic 5 and Angular 10
  • PWA Ready
  • Server Side Rendering
  • SEO Support
  • Services for Data Access
  • 100% Flexible and Customizable
  • Skeleton Screens / App Shell
  • Forms & Validations
  • Detailed Documentation
  • Features Showcase
  • Capacitor
  • Free updates
Show more


I've backend integrations and more features

69 +125 screens & components

All basic features plus:
  • Google Maps
  • Geolocation
  • Capacitor Plugins
  • Social Sharing
  • Multi Language
  • Video Playlist
  • Firebase Integration
  • Firebase Authentication
  • Facebook Sign In
  • Twitter Sign In
  • Google Sign In
  • Email/Password Sign In
  • Profile route guard
  • Firebase CRUD
  • AngularFire
  • Firebase advanced queries
Show more

All in with Ionic 5 and Angular 10

This Ionic 5 Starter includes lots of Ionic 5 components coded the angular way and features that you will love.

100% Flexible and Customizable

The starter includes lots of pages, features and components but you are free to use just what you need and delete the code you don't. The code structure is super modularized so you will find easy to modify the code to fit your needs.

CSS variables for the win

CSS Variables provide easy customization of an application and allow a value to be stored in one place, then referenced in multiple other places. So, for example if you want to change the colors of your app, by just changing some variables your app will have the desired colors in just a few seconds!

Detailed documentation and Showcase

The template includes a super detailed documentation as well as an online showcase to help developers use the custom component the template offers.

Jeff Sininger

5 Stars

The Ionic starter app is exactly what I've been seeking. After a few years away from mobile development I was finding the re-acclimation process to be very difficult. Also, I operate on a tight budget for small businesses and have gone through dozens of starter apps and templates and every one up to now has been missing something crucial that ultimately halted progress. The people at Ionic Themes team put together a rock-solid starter app including clean code and easy to understand documentation... not to mention unmatched customer support/communication. The Ionic starter app has opened dozens of new possibilities and I am excited to finish my current project now that I can finally see the 'light at the end of the tunnel!' Thank you!

Saud Alhelali

5 Stars

I was asked to build up a survey collection website with ambitious features under a tight schedule. I was lucky enough to stumble upon this amazing template built by Ionic Themes team. I needed to have a wizard-like form with various types of input and validations. Being the solo developer of this project, I wouldn’t have been able to deliver this project on time without buying this template. It had almost all the features anyone needs to build a website/app in no time. Unlike other templates, due to great code structure, you can easily export a single component that you need out into your existing projects. With continuous updates and enhancements you are not wasting your money buying this template.

Jas Singh

5 Stars

I am very happy with Ionicthemes specially with the customer service they provided and their quickness in resolving the issues even they were directly/indirectly not related to their product. They did everything to make things work out and my transition to their product was smooth. Very happy and will defiantly purchase again in the future. Looking forward to new products. Permanent subscriber.

Main Features and Pages

Walkthrough (or tutorial)

This component helps you demonstrate or explain your app to new users. You can showcase the main features of your app.

Getting Started

The aim of this section is to personalize the experience of the user within the app by asking them some questions about their interests.


The authentication screens included in this Ionic 5 starter app are: sign up, log in, forgot password and terms and conditions and privacy policy modals.

In this authentication forms you can find a show-hide password component super useful for mobile screens.

Form Validations for password can be found inside the Forms & Validations section of the template.


We carefully designed and coded 5 different and complete categories: Travel, Food, Fashion, Deals and Real State.

Each category has a Listing view and a Details view. Each of these pages is different and has different and unique components that you can reuse within your Ionic 5 app.

Some of the components you will find in this section are: Cards, Lists, Sliders, Maps, Tags, Text Blocks, Images, Grids, Progress Bar, Buttons, Custom Icons, Buttons, Modal, Alerts, Different types of layouts to display your data in a beautiful and organized way, Lots of beautiful App Shells and more!.

Travel Category

Fashion Category

Food Category

Deals Category

Real State Category

Forms and Validations

Forms are the pillar of many business applications. You can use forms to perform countless data-entry tasks such as: login, submit a request, place an order, book a flight or create an account.

The main purpose of forms is data collection so we need to provide a good experience so the user doesn't get frustrated.

In this Ionic theme we included different types of form validations with Ionic and Angular such as: password and confirm password validation, international phone validation, email format validation and username validator. You will learn how to use Angular custom validators and how to use Angular Reactive Forms to create your own validators.


Some applications need controls to filter its data that's why we created a specific section with some of the most popular and required filters.

In this section you will find various types of filters such as: Ranges, various radio groups with different styles and layouts, various checkboxes with different styles and layouts, Tags, Toggles, a custom ionic component to add and substract numbers, a custom ionic component for rating and also a custom ionic component to select a color.

If you feel that there is an important filter that is missing just drop us a line.

App Shell

An application shell (or app shell) architecture is one way to build a Progressive Web App that reliably and instantly loads on your users' screens, similar to what you see in native apps.

The shell is the minimal CSS, HTML and JavaScript required to power the user interface and when cached offline can ensure instant, reliably good performance to users.

The main goal of the app shell is to improve our app’s perceived performance.

We are writing a complete post about why using app shell in ionic apps that you will be able to find soon in our ionic tutorials section.

We included the app shell pattern in this ionic starter because we believe it is a step forward in terms of user experience. However, if you don't want to use it, you are free to remove it from your app. We will explain how to do it in the template documentation.

Different types of Navigations

Navigation is one of the most important parts of an app. Solid navigation patterns help us achieve great user experience while a great router implementation will ease the development process and at the same time will make our apps discoverable and linkable.

As the new Ionic 5 position itself as the best tool to build Progressive Web Apps, and the Discoverable and Linkable principles are fundamental to PWAs, it is clear why the new Ionic 5 Navigation relies on the Angular Router.

The Angular Router is a solid, URL based navigation library that eases the development process dramatically and at the same time enables you to build complex navigation structures. In addition, the Angular Router is also capable of Lazy Loading modules, handle data through route with Route Resolvers, and handling Route Guards to fine tune access to certain parts of your app.

This Ionic 5 starter app template features many different examples of navigation within an Ionic app such as: Tabs, Side Menu, Lazy Loading and Angular Resolvers.


Profile section includes two pages: User Page and Friends Page.


We added a Showcase section to help developers use the custom component the template offers such as the App Shell.

Ionic Capacitor

Capacitor is a cross-platform app runtime that makes it easy to build web apps that run natively on iOS, Android, Electron, and the web.

It provides a consistent, web-focused set of APIs that enable an app to stay as close to web-standards as possible, while accessing rich native device features on platforms that support them.

Not ready to use Capacitor? In the documentation we explain how to remove Capacitor and add Cordova into your project.

PWA ready

Ionic 5 is a step forward for Progressive Web Apps, that's why we are building this new ionic template with 100% support for PWA. Learn more about PWA with Angular and Ionic.

You will be able to use this Ionic 5 starter as an iOS app, an Android app, a web app or as a PWA! Too many options, right?

For a web app to be considered a PWA, it needs to comply with 10 principles. Let’s see how this Ionic Framework app addresses each of them.

PWA Principle How Ion5FullApp handles it
Progressive - Works for every user, regardless of browser choice because it's built with progressive enhancement as a core tenet. Ionic Framework uses many cutting edge web standards and APIs. Despite the fact that some of those don’t have full support across browsers, Ionic still works. In that sense, this Ionic 5 template app is considered to be progressive.
Responsive - Fits any form factor: desktop, mobile, tablet, or whatever is next. Ionic 5 UI components are known for its flexibility. You can easily build a responsive UI with Ionic.
Connectivity independent - Enhanced with service workers to work offline or on low-quality networks. Ion5FullApp defines a service workers to make the app work offline.
App-like - Feels like an app to the user with app-style interactions and navigation because it's built on the app shell model. Ionic framework is mobile first, all of Ionic components even adapt to the different platforms (ios, material design). Also, Ion4FullApp is built on the App Shell model.
Fresh - Always up-to-date thanks to the service worker update process. Using different caching strategies inside our service workers we can control the freshness of our cached resources.
Safe - Served via HTTPS to prevent snooping and to ensure content hasn't been tampered with. We can achieve safety for our content by using a hosting provider that has HTTPS support. Because this is a template, it's not hosted anywhere, however, once you finish your coding, you should publish it somewhere (in the case you want to serve the app as a PWA).
Discoverable - Is identifiable as an "application" thanks to W3C manifest and service worker registration scope, allowing search engines to find it. The changes in how the router works in Ionic 5 made discoverability for our Ionic app easy to achieve.
Re-engageable - Makes re-engagement easy through features like push notifications. Ionic 5 plays really nice with other libraries and packages that enable us to setup push notifications in a breeze. Learn how to add Push notifications to an Ionic 5 app.
Installable - Allows users to "keep" apps they find most useful on their home screen without the hassle of an app store. Ionic Framework makes easy to achieve all the principles that enable our app to be installed (web app manifest, HTTPS, registered service worker).
Linkable - Easily share via URL, does not require complex installation. With the new Ionic router, we don’t have to rely on deep-links anymore to link to the different parts of our web app.

Server Side Rendering

There are three main reasons to add SSR to your App.

  • Better SEO rankings (facilitate web crawlers)
  • Improve performance (specially on mobile and low-powered devices)
  • Preview cards on social media

SSR is super important as it improves the perceived performance of your application and also provides a reliable, flexible and efficient way to ensure that all search engines can access your content. Learn more about the benefit of using SSR.

SEO Service to support dynamic meta tags

Google, Bing, Facebook, Twitter, and all social media sites rely on web crawlers to index your application content and make that content searchable on the web. Angular Universal generates a static version of your app that is easily searchable, linkable, and navigable without JavaScript. Universal also makes a site preview available since each URL returns a fully rendered page.

This template provides a SeoService to allow you to change your SEO meta tags dynamically on each route.

Try before you buy

Try how this Ionic App looks and feels in your device.

ionic pwa

Frameworks we love

Ionic framework
Ionic Documentation
Quality Documentation:

Easy to follow instructions will make the customization process for this amazing ionic framework starter app simple to comprehend.

ionic template improvement
Ongoing improvement

Feedback is always welcome and appreciated, drop us a line and help us grow and create the ionic template that you need and desire.

ionic tutorials
Free & Updated Ionic Tutorials:

Add extra functionalities to your ionic app with our detailed ionic tutorials: Ionic Facebook Authentication, Firebase Integration, Tips for Beginners, among others.

ionic template requirements
Technical requirements:

In order to modify this ionic template you need to have knowledge in web technologies such as javascript, html5 and css3.


Does it really save me time?

You know how TV chefs already have the ingredients pre-chopped for them, and all they have to do is the actual cooking?

We prepped the ingredients for you… the beautiful screens, different types of navigations, functional integrations and all of the usual components that you may need in every ionic framework app. In no time you will be able to customize the styles of the ionic template to match your brand and start building your Ionic app.

$59 seems expensive

If you’re a developer billing $100/hr, paying $59 for having all the boilerplate and functionalities of your ionic app seems like a no brainer. We’re just trying to save you time.

I’m not that great with Ionic Framework

That’s okay! Our Ionic templates are super easy to customize and include an extensive and detailed documentation. It’s simple enough for beginners, and flexible enough for experts. It doesn’t matter if you’re a solo freelancer or an enterprise developer team.

More than just a pretty face

Our Ionic Framework Starters are built to guide you in the development process, exposing difficult knowledge through practical examples. Created with performance and ease of development in mind, this Ionic starter app is something you will love. It includes all the components that you might need inside an ionic framework project and a detailed documentation on how to get started.

Our aim is to help people of different skill levels - designers or developers - get the most out of Ionic Framework by saving your expensive time and providing great resources for you to learn ionic framework faster and better. In IonicThemes you will find premium Ionic Startes and Ionic Framework tutorials, tips and tricks.