Ionic 3 UI Theme/Template App – Material Design – Blue Light


Ionic 3 blue Light

Ionic 3 UI Theme Template App Material Design Blue Light

Ionic 3 UI Theme/Template App - Material Design - Blue Light - 1

<a href="">
<img src="" />
<a href="">
<img src="" />
<a href="">
<img src="" />
<a href="">
<img src="" />
<!--<a href="">
<img src="" />
<a href="">
<img src="" />
<a href="">
<img src="" /></a>
<a href="">
<img src="" /></a>
<a href="">
<img src="" /></a>
<a href="">
<img src="" /></a>
<a href="">
<img src="" /></a>
<a href="">
<img src="" /></a>
<a href="">
<img src="" /></a>
<a href="">
<img src="" /></a>
<a href="">
<img src="" /></a>
<a href="">
<img src="" /></a>
<a href="">
<img src="" /></a>
<a href="">
<img src="" /></a>
<a href="">
<img src="" /></a>
<a href="">
<img src="" />
<a href="">
<img src="" /></a>
<a href="">
<img src="" /></a><br />


  • 100+ screens
  • 100+ components
  • Built with Ionic 3, Angular 6 and Sass
  • Firebase backend
  • Push notifications
  • Form validation and much more

We have added another Ionic app template to our opulent collection. Ionic 3/Angular 6 UI Theme/Template App Blue Light is a set of 100+ cutting edge screens and 100+ components, which enable you to develop beautiful and feature-rich hybrid apps.

With our app starter, you will not be forced to choose between functionality and aesthetics, you will get both for a symbolic amount of money. With Blue Light app template you will be able to obtain an eye-catchy and feature-loaded app, worth the users’ choice and time. Below we will unveil the main features of this template, and advantages of using it for your next app project.

Powerful features of Ionic 3 / Angular 6 Blue Light Template

Ionic 3/Angular 6 Blue Light is an app starter built by developers for developers. For all of you who are seeking for a more elaborated template with many ready-to-use functionalities, this template may be worth your attention. Below you can discover the full list of features included in this app template, which enables you to get familiar with what you get if your purchase this product.

Firebase backend

Owned and maintained by Google, Firebase is a platform with different services that helps us develop applications faster. Firebase offers many useful features like Real-time Database, push notification, Firebase Analytics, Firebase Authentication, Firebase Cloud Messaging, Firebase Storage, Firebase Test Lab for Android, Firebase App Indexing and many more. This template uses Firebase as a backend, which means you won’t have to write all the backend code for the server, create and manage databases, buy and keep your server online for 24/7 etc.

Built with Sass

Sass is a CSS pre-processor, the most comprehensive way to deal with the repetitive nature of CSS. Sass provides the following mechanisms: nesting, variables, mixins, and selector inheritance. There is no need to write the code again and again, this can be solved by calling the class defined once using Sass.

Integration with MailChimp

Launched in 2001, MailChimp is one of the largest email service providers out there, which lets you design, send and track email campaigns. It has attracted more than 17 million customers, due to its easy to use interface, forever free plan and fun logo. You just need to change the ID of your MailChimp list and your job is done.

Form validation

Apps often require users to enter information into a text field. For instance, you may want to build an app that requires users to log in with an email address and password combination. In this template, form validation is already set up, so incomplete submits and empty fields are now a thing of the past.

Fully responsive

All 100+ screens are made responsive over Split Pane component that makes it possible to create multi-view layout. Additionally, ion-grid is included in each component.

Google Maps integration

There are 3 screens with implemented Google Maps API. In the screen About Us (very useful for business apps and company presentations), Location details (useful for restaurant or other location-related apps) and Full page screen (if you desire to have a bigger overview of maps). Satellite and Map functions, along with Street View browsing are also enabled.

Push notifications over Firebase

Push notifications are messages sent by apps to mobile devices that host the apps. They are extremely efficient when it comes to delivering relevant and time-sensitive messages to the user. If you choose this Ionic app starter for your project, you will be able to easily send push notifications over Firebase.

Professional customer support & free updates

Our customer support team makes sure that every incoming request is efficiently managed and responded to. If you encounter any hurdle while trying to build your app using our template, and you are not able to solve it by following template’s documentation, you can always contact our dedicated customer support via e-mail [email protected] We are constantly adding new features to our templates, so after the purchase every future update will be at your disposal for free.

Aesthetically pleasing design – main features

The market is flooded with millions of mobile apps that are striving to delight the users. There are 3.8 million apps on Play Store and more than 2 million mobile apps on App Store. To get the attention of your target audience, a well-designed mobile application is imperative. There are some general principles that should be followed when designing mobile apps, but you can easily circumvent learning them and use our ready-made desig.

Flat Design

Flat design is a minimalistic design approach that puts an emphasis on usability. It is characterized by clean and open space, bright colors, crisp edges and two-dimensional illustrations. The most prominent feature which has inspired the name of this direction is applying flat two-dimensional visual details as the opposite to highly realistic skeuomorphic images.


There are 800+ icons included in this app starter, all in one font size and color changeable. Just choose the right ones and integrate them into your app.

Sass/CSS blend modes

We crafted several blend modes (b/w, gradients, darkening) so every image in the app will look great, which will drastically improve your app’s UX.

Sass/CSS blend modes

We included several blend modes, such as black/white, darkening, gradients), so your images will look gorgeous in the app.


All fonts used in this gorgeous Ionic 3 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.

Below you can find the full list of mobile app components that are often found in today’s modern apps.

  • List views (5 types – 17 layouts)
  • Tabs (3 layouts)
  • Parallax effect (4 layouts)
  • Left menu (1 layout)
  • Image Gallery (3 layouts)
  • Wizards / Onboarding (3 combos – 9 layouts)
  • Login & Register (4 layouts)
  • Splash screen / Ken Burns Effect (3 layouts)
  • Maps (3 layouts)
  • Search (3 layouts)
  • Check box (3 layouts)
  • Radio buttons (3 layouts)
  • Range (4 types
  • Toggle (3 layouts)
  • Action Sheet (3 layouts)
  • One & Multi Selection (6 screens in total)
  • Animated spinners (10 types)
  • QRCode
  • Alerts (3 layouts)
  • Segment (3 layouts)
  • Time line (3 layouts)
  • Comments (2 layouts)
  • Form (4 layouts)
  • Payment (1 layouts)
  • Profile (5 layouts)

Our comprehensive documentation includes all the instructions on how to add all these components to your app. We have also a YouTube channel, with videos on how to add these components to your project.

Open source projects

Open source projects are an integral part of our template, and this section unveils the main characteristics of these technologies.

Ionic 3

Ionic framework was developed in 2015, as a customization for Apache Cordova by the Drifty Co. software vendor. Ionic is an ultimate open source software development kit (SDK) used for developing hybrid mobile app and web technologies by using JavaScript, CSS, and HTML5. It is generally focused on the look, feel, and UI of an app. Globally, Ionic technology offers a great solution for creating both mobile web apps and native apps.

Angular 6

This app template is also built with the help of Angular 6, the latest version of the popular JavaScript-based framework for crafting web and mobile apps. Angular v6 introduced several cool new features, such as Ivy renderer, Bazel and Closure Compiler, Component Dev Kit (CDK), and new Angular-cli commands such as ng update and ng ad.


Sass (Syntactically Awesome Style Sheets) is an extension of CSS3, adding variables, mixins, selector inheritance, nested rules and more.

Cordova plugins

Since Ionic is an HTML5 framework, it needs a native partner like Cordova to ensure its own functioning as a native application. Ionic framework is equipped with Cordova plugins, so it enables Ionic app developers to access native features such as GPS, Bluetooth, camera etc.

Elastic header with zoom

Elastic header with zoom represents an Ionic/Angular directive for elastic headers.


Animate.css is a CSS library that is used to create really nice animation effects using just CSS. It makes developers’ lives easier since it eliminates the need for creating custom animations.


Crafted by Sam Herbert, SVG-Loaders is a group of animations which should entertain users while the app’s content is loading.

NOTE: If you plan to sell your application over Play Store or to have in-app purchase, you should buy extended license.

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 [email protected]
  • 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.

Buy This Item

Be the first to comment

Leave a Reply

Your email address will not be published.


Privacy Policy is committed to safeguarding your privacy. Contact us if you have any questions or problems regarding the use of your Personal Data and we will gladly assist you.

By using this site or/and our services, you consent to the Processing of your Personal Data as described in this Privacy Policy.

Table of Contents

  1. Definitions used in this Policy
  2. Data protection principles we follow
  3. What rights do you have regarding your Personal Data
  4. What Personal Data we gather about you
  5. How we use your Personal Data
  6. Who else has access to your Personal Data
  7. How we secure your data
  8. Information about cookies
  9. Contact information


Personal Data – any information relating to an identified or identifiable natural person.
Processing – any operation or set of operations which is performed on Personal Data or on sets of Personal Data.
Data subject – a natural person whose Personal Data is being Processed.
Child – a natural person under 16 years of age.
We/us (either capitalized or not)

Data Protection Principles

We promise to follow the following data protection principles:

  • Processing is lawful, fair, transparent. Our Processing activities have lawful grounds. We always consider your rights before Processing Personal Data. We will provide you information regarding Processing upon request.
  • Processing is limited to its purpose. Our Processing activities fit the purpose for which Personal Data was gathered.
  • Processing is done with minimal data. We only gather and Process the minimal amount of Personal Data required for any purpose.
  • Processing is limited to a time period. We will not store your personal data for longer than needed.
  • We will do our best to ensure the accuracy of the data.
  • We will do our best to ensure the integrity and confidentiality of data.

Data Subject’s rights

The Data Subject has the following rights:

  1. Right to information – meaning you have to right to know whether your Personal Data is being processed; what data is gathered, from where it is obtained and why and by whom it is processed.
  2. Right to access – meaning you have the right to access the data collected from/about you. This includes your right to request and obtain a copy of your Personal Data gathered.
  3. Right to rectification – meaning you have the right to request rectification or erasure of your Personal Data that is inaccurate or incomplete.
  4. Right to erasure – meaning in certain circumstances you can request for your Personal Data to be erased from our records.
  5. Right to restrict processing – meaning where certain conditions apply, you have the right to restrict the Processing of your Personal Data.
  6. Right to object to processing – meaning in certain cases you have the right to object to Processing of your Personal Data, for example in the case of direct marketing.
  7. Right to object to automated Processing – meaning you have the right to object to automated Processing, including profiling; and not to be subject to a decision based solely on automated Processing. This right you can exercise whenever there is an outcome of the profiling that produces legal effects concerning or significantly affecting you.
  8. Right to data portability – you have the right to obtain your Personal Data in a machine-readable format or if it is feasible, as a direct transfer from one Processor to another.
  9. Right to lodge a complaint – in the event that we refuse your request under the Rights of Access, we will provide you with a reason as to why. If you are not satisfied with the way your request has been handled please contact us.
  10. Right for the help of supervisory authority – meaning you have the right for the help of a supervisory authority and the right for other legal remedies such as claiming damages.
  11. Right to withdraw consent – you have the right withdraw any given consent for Processing of your Personal Data.

Data we gather

Information you have provided us with
This might be your e-mail address, name, billing address, home address, etc – mainly information that is necessary for delivering you a product/service or to enhance your customer experience with us. We save the information you provide us with in order for you to comment or perform other activities on the website. This information includes, for example, your name and e-mail address.

Information automatically collected about you
This includes information that is automatically stored by cookies and other session tools. For example, your shopping cart information, your IP address, your shopping history (if there is any) etc. This information is used to improve the customer experience. When you use our services or look at the contents of our website, your activities may be logged.

Information from our partners
We gather information from our trusted partners with confirmation that they have legal grounds to share that information with us. This is either information you have provided them directly with or that they have gathered about you on other legal grounds. See the list of our partners here.

Publicly available information
We might gather information about you that is publicly available.

How we use your Personal Data

We use your Personal Data in order to:

  • provide our service to you. This includes for example registering your account; providing you with other products and services that you have requested; providing you with promotional items at your request and communicating with you in relation to those products and services; communicating and interacting with you, and notifying you of changes to any services.
  • enhance your customer experience;
  • fulfill an obligation under law or contract;

We use your Personal Data on legitimate grounds and/or with your Consent.

On the grounds of entering into a contract or fulfilling contractual obligations, we Process your Personal Data for the following purposes:

  • to identify you;
  • to provide you a service or to send/offer you a product;
  • to communicate either for sales or invoicing;

On the ground of legitimate interest, we Process your Personal Data for the following purposes:

  • to send you personalized offers* (from us and/or our carefully selected partners);
  • to administer and analyze our client base (purchasing behavior and history) in order to improve the quality, variety, and availability of products/ services offered/provided;
  • to conduct questionnaires concerning client satisfaction;

As long as you have not informed us otherwise, we consider offering you products/services that are similar or the same to your purchasing history/browsing behavior to be our legitimate interest.

With your consent we Process your Personal Data for the following purposes:

  • to send you newsletters and campaign offers (from us and/or our carefully selected partners);
  • for other purposes we have asked your consent for;

We Process your Personal Data in order to fulfill obligation rising from law and/or use your Personal Data for options provided by law. We reserve the right to anonymize Personal Data gathered and to use any such data. We will use data outside the scope of this Policy only when it is anonymized. We save your billing information and other information gathered about you for as long as needed for accounting purposes or other obligations deriving from law, but not longer than 1 year.

We might process your Personal Data for additional purposes that are not mentioned here but are compatible with the original purpose for which the data was gathered. To do this, we will ensure that:

  • the link between purposes, context, and nature of Personal Data is suitable for further Processing;
  • the further Processing would not harm your interests and
  • there would be appropriate safeguard for Processing.

We will inform you of any further Processing and purposes.

Who else can access your Personal Data

We do not share your Personal Data with strangers. Personal Data about you is in some cases provided to our trusted partners in order to either make providing the service to you possible or to enhance your customer experience. We share your data with:

Our processing partners:


Our business partners:


Connected third parties:


We only work with Processing partners who are able to ensure an adequate level of protection to your Personal Data. We disclose your Personal Data to third parties or public officials when we are legally obliged to do so. We might disclose your Personal Data to third parties if you have consented to it or if there are other legal grounds for it.

How we secure your data

We do our best to keep your Personal Data safe. We use safe protocols for communication and transferring data (such as HTTPS). We use anonymizing and pseudonymizing where suitable. We monitor our systems for possible vulnerabilities and attacks.

Even though we try our best we can not guarantee the security of information. However, we promise to notify the suitable authorities of data breaches. We will also notify you if there is a threat to your rights or interests. We will do everything we reasonably can to prevent security breaches and to assist authorities should any breaches occur.

If you have an account with us, note that you have to keep your username and password secret.


We do not intend to collect or knowingly collect information from children. We do not target children with our services.

Cookies and other technologies we use

We use cookies and/or similar technologies to analyze customer behavior, administer the website, track users’ movements, and to collect information about users. This is done in order to personalize and enhance your experience with us.

A cookie is a tiny text file stored on your computer. Cookies store information that is used to help make sites work. Only we can access the cookies created by our website. You can control your cookies at the browser level. Choosing to disable cookies may hinder your use of certain functions.

We use cookies for the following purposes:

  • Necessary cookies – These cookies are required for you to be able to use some important features on our website, such as logging in. These cookies don’t collect any personal information.
  • Functionality cookies – These cookies provide functionality that makes using our service more convenient and makes providing more personalized features possible. For example, they might remember your name and e-mail in comment forms so you don’t have to re-enter this information next time when commenting.
  • Analytics cookies – These cookies are used to track the use and performance of our website and services
  • Advertising cookies – These cookies are used to deliver advertisements that are relevant to you and to your interests. In addition, they are used to limit the number of times you see an advertisement. They are usually placed on the website by advertising networks with the website operator’s permission. These cookies remember that you have visited a website and this information is shared with other organizations such as advertisers. Often targeting or advertising cookies will be linked to site functionality provided by the other organization.

You can remove cookies stored in your computer via your browser settings. Alternatively, you can control some 3rd party cookies by using a privacy enhancement platform such as or For more information about cookies, visit

We use Google Analytics to measure traffic on our website. Google has its own Privacy Policy which you can review here. If you’d like to opt-out of tracking by Google Analytics, visit the Google Analytics opt-out page.

Read more about cookies on our Cookie Policy

Contact Information

mail: [email protected]

Changes to this Privacy Policy

We reserve the right to make a change to this Privacy Policy.

You can configure your Internet browser, by changing its options, to stop accepting cookies completely or to prompt you before accepting a cookie from the website you visit. If you do not accept cookies, however, you may not be able to use all portions of the website or all functionality of the Services.

Please note that disabling these technologies may interfere with the performance and features of the Services.

You may also disable cookies on the Sites by modifying your settings here:

Privacy Preferences

Visitor comments may be checked through an automated spam detection service.

Last Update: May 25, 2018