Koddy | Ionic 5 / Angular 10 UI Theme / Template App | Components & Starter App

Koddy | Ionic 5 / Angular 10 UI Theme / Template App | Components & Starter App

Cart 30 sales

    UPDATE August 27th:
    - Update ionic/cli:6.11.1
    - Update Angular 10
    - Add WkWebViewOnly

Koddy | Ionic 5 / Angular 10 UI Theme / Template App | Multipurpose Starter App


  • 130+ screens
  • Animations
  • 10 color combinations
  • Firebase backend
  • Online documentation
  • Push notifications
  • Free updates

One of the most common things with the majority of Ionic app templates regardless of how good their code is, is the fact that most of them lack an appealing design.

With Koddy Ionic 5 / Angular 10 app template our goal is to allow developers to build both functional and beautiful apps for Android and iOS – from one codebase.

Features that will satisfy even the most demanding projects

Below you will discover what sets apart Koddy app template from all the other Ionic app templates currently available.

PWA ready

Koddy Ionic 5 app template is built with 100% support for PWA. Progressive Web App (PWA) is a perfect blend of desktop and mobile application experience that gives the best of both platforms to the end users.

Firebase backend

Owned by Google, Firebase is a mobile platform that enables you to quickly develop cutting-edge apps. The apps you build with Koddy Ionic 5 template will be powered with Firebase, a cloud-based platform owned and maintained by Google. This implies you can use the Firebase console to manage your app’s data.

Main Sass file

In an effort to make things easy for the users of our Ionic app templates, we included a super-organized main Sass file with all the necessary variables. This implies you will be able to apply changes to all 130+ screens at once.

130+ screens

We are continuously striving to make our templates as comprehensive as possible, and with more than 130 screens, there is hardly any app segment you won’t be able to cover.

10 color combinations

Besides functionality, color is one of the most important aspects of an app. Designers behind this app template followed the latest UI trends while selecting color combinations included in our multipurpose app template.

Koddy Ionic 5 app template offers 10 color combinations – Chathams Blue, Green Pea, Reno Sand, Te Papa Green, Burnt Umber, Boston Blue, Spectra, Eucalyptus, Sea Buckthorn, and Valencia.

Push notifications

Mobile push notifications are a winning marketing strategy for businesses. Push notifications can promote products, remind users to use the app, and even lead users to other marketing channels such as social networks. With Koddy app template, you will be able to send push notifications to your users easily over Firebase.

Looks great on various device sizes

With Koddy Ionic 5 app template you can rest assured that your app will look great on various device sizes. All 130+ screens in Koddy app template are made responsive over Split Pane component. In addition, we included ion-grid (which is heavily influenced by Bootstrap’s grid system) in all components.

Form validation

When building an app, it is essential to make sure that users insert the data in the correct form, in order to process it successfully. Form validation component incorporated in our template helps in achieving these goals, so there will be no more incomplete submits or empty fields.

MailChimp integration

MailChimp is one of the best email marketing software applications, so it is no wonder that we picked it for our Koddy app template. Our app template provides MailChimp integration that will assist you in collecting leads for your e-mail campaigns and track results. All you need to do is to change the ID of your MailChimp list and your job is finished.

Google Maps & Google Analytics integration

Koddy includes 3 layouts with Google Maps API component (Location details, About us and Full Screen View). We also set up Google Analytics, which means you will be able to track the behavior of your users.

RTL support

Our Ionic starter app supports languages that are based on a right-to-left script. There are just a few languages that use RTL direction, but they cover over a billion people – a user base that must not be neglected.

Customer support & lifetime free updates

When hundreds of questions come pouring in, it is necessary to have some serious skills to manage them all in a timely manner. That’s why we gathered a team of dedicated professionals who are there for our customers 24/7. We advise you to first take a look at our online documentation, where you can find instructions on how to build your own app using our template. If you are not able to find answers in the documentation, contact our customer support via e-mail

Once a customer, always a customer – We are always trying to add new features to the existing templates, so after the purchase every future update will be at your disposal for $0.

Open source projects

Building such as powerful, feature-rich app template such as Koddy would not be possible without the help of several technologies and open source projects.

Ionic 5

Koddy app template is built using the latest version of Ionic framework – version 5 (Magnesium).

This release includes redesigned Ionicons, iOS13 design updates, a brand new API for creating your own custom animations, updated Ionic colors, and more.

Angular 10

Angular is a JavaScript-based open-source front end web application platform mainly maintained by Google and a community of individuals and corporations.

Sass – Syntactically Awesome Style Sheets

Sass, also known as CSS with superpowers, is a CSS preprocessor that adds special features such as variables, nested rules, mixins, inheritance etc. Sass was designed by Hampton Catlin and developed by Natalie Weizenbaum.

Cordova plugins

Simply put, Cordova plugins are a bit of add-on code that provides JavaScript interface to native components. They allow your app to use native device capabilities.

Elastic header with zoom

Made by Ola Christensson, Elastic header with zoom represent Ionic/Angular directive for elastic headers.


Animate.css is a CSS library that has been around for a while, and is used to create really nice animation effects using just CSS. It eliminated the need for creating custom animations, we can just import the library and use it.


Crafted by Sam Herbert, SVG-Loaders is a group of animations which have a purpose of entertaining users while the content of the app is loading.

Google Fonts

The fonts used in this multipurpose Ionic app template are free, and a part of Google Fonts library. However, if you want to use some other fonts, you can easily replace the existing ones via the main Sass file.

Why our customers love us?

“Solve all your doubts!”
Emmarango, Material Design UI Ionic Template app

“Excellent. You saved me a lot of development effort. Great!”
Alessandrotorres, Material Design UI Android Template app

“Couldn’t pick one area for the 5 star review. Overall quality, design and usability are excellent. Support is also fantastic. Thanks for help. Luke”
Betty8080, Material Design UI Android Template app<

“One of the best in all respects.”
Nikhil3831, Material Design UI Android Template app

“Everything is clear. @developer, nice work”
Satyagvns, Material Design UI Android Template app

“Excellent work. thanks for sharing :)”
Bisoncode, Material Design UI Android Template app

“Most features required for app design and development available. We gone build an app for with this, and make our customer go mad.. thx a lot.”
Ojalsuthar, Material Design UI Android Template app

“Absolutely amazing.”
Vanduh, Material Design UI Android Template app

“Fantastic, thanks. I’m sure I’ll be buying more sources from you.”
Henrik S., HD wallpaper Android Template App

“Great design quality!”
Dedania23, HD wallpaper Android Template App

Excellent customer support

  • We are offering FREE after sales support around. We care about your apps as much as you and we will help you in any way possible.
  • FREE Lifetime Updates – get all the new features we add in each future update for free.
  • Once you purchase, you can use our dedicated support where we quickly answer your questions.
  • Includes great online documentation you can find and it’s constantly being updated with new material.
  • Basic tutorials for newcomers about importing our template.
  • Contact us at
  • Working hours: 09:00 – 16:00h, UTC+01:00. From Monday to Friday.


The images used in demos are not included in the downloaded ZIP file. All images belong to their rightful owners.


Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey