Ionic 3 / Angular 6 UI Theme / Template App – Multipurpose Starter App – Gradient Blue Light

LIVE PREVIEWBUY FOR $22

ionic 3 blue light ionic-3-theme-free-demo

Ionic 3 Angular 6 UI Theme Template App Multipurpose Starter App Gradient Blue Light

ionic 3 blue light ionic-3-theme-free-demoionic 3 blue light ionic-3-theme-free-demo

<ionic 3 blue light ionic-3-theme-free-demoionic 3 blue light ionic-3-theme-free-demo

ionic 3 blue light ionic-3-theme-free-demo

ionic 3 blue light ionic-3-theme-free-demo

ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo
ionic 3 blue light ionic-3-theme-free-demo
ionic 3 blue light ionic-3-theme-free-demo
ionic 3 blue light ionic-3-theme-free-demo
ionic 3 blue light ionic-3-theme-free-demo
ionic 3 blue light ionic-3-theme-free-demo
ionic 3 blue light ionic-3-theme-free-demo
ionic 3 blue light ionic-3-theme-free-demo
ionic 3 blue light ionic-3-theme-free-demo
ionic 3 blue light ionic-3-theme-free-demo
ionic 3 blue light ionic-3-theme-free-demo

ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo


ionic 3 blue light ionic-3-theme-free-demo

Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 1

Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 2


Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 3

Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 4


Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 5


Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 6


Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 7


Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 8


Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 9


Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 10


Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 11


Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 12


Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 13


Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 14


Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 15


Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 16


Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 17


Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 18


Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 19


Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 20


Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - 21

Highlights

  • 100+ functional screens
  • Built with Sass
  • Firebase backend
  • 100+ components
  • Push notifications
  • Form validation and much more

Ionic 3 / Angular 6 Gradient Blue Light is our latest multipurpose app starter, which can save you a substantial amount of time and effort. With this template, we decided to join the gradient color frenzy, and offer a product suitable for those who want to follow web trends and try something new and fresh.

Besides 100+ functional screens, this multipurpose app starter includes 100+ components, which can be combined endlessly.

Most prominent features of Ionic 3 / Angular 6 Gradient Blue Light Theme

Ionic 3/Angular 6 Gradient Blue Light is a truly comprehensive mixture of a beautiful design and great code, offering all the resources you need to build a powerful hybrid app.

Below you will find a full list of features included in this app starter, so be sure to get acquainted with them before you make a purchase.

Built with Sass (Syntactically Awesome Style Sheets)

Sass is one of the most popular preprocessor languages developed in 2007 by Hampton Catlin. It allows you to use features that do not exist in pure CSS, such as variables, mixins, nesting selectors, inheritance etc.

Change almost everything on every screen at once over super-organized main Sass file (Font, Opacity Levels, Box Shadows, Colors (Main, BCG, text blend mode), Blend Modes).

Firebase backend

Firebase is a mobile and web app development platform that provides developers with an abundance of tools and servces to help them develop high-quality apps. After it was acquired by Google in 2014, Firebase promptly evolved into the multifunctional behemoth that it is today.

Over Firebase you can change all static elements. It is possible to change texts (content texts, button texts, header texts…), images, icons in no time without the need to code.

MailChimp integration

Operating since 2001, MailChimp is one of the largest email service providers out there. MailChimp is currently used by more than 17 million customers, due to its easy to use interface and forever free plan.

Our app starter provides MailChimp integration that can help you in collecting leads for you e-mail campaigns and track results. You only need to change the ID of your MailChimp list and your job is finished.

Form validation

In this data-driven period of technology, almost all websites and apps have one thing in common – text validation for their data input forms and pages. Although this task of validating input and text has become a routine for many developers, but nonetheless it can become too complex and tedious to perform validation. Luckily, our template has got you covered since all input fields are with validation. You will not experience incomplete submits or empty fields.

Fully responsive

All Ionic app starters from Creative form offer are built to suit a wide array of device sizes. All screens in Ionic 3/Angular 6 Gradient Blue Light are made responsive over Split Pane component. In addition, ion-grid is includes in each component.

Push notifications

Simply put, a push notification is a message that pops up on a mobile device. App publishers can send them at any time, and users do not have to be in the app to receive them. Push notifications are a convenient way to promote products and offers, increase click-through rates, or drive users to other marketing chanels. If you opt for this app starter, you will be able to easily send push notifications, over Firebase.

Google Maps integration

Our Gradient Blue Light app starter contains 3 new layouts with Google Maps API component (Location details, About Us and Full screen view). We enabled Satellite and Map functions, as well as Street View browsing.

Fast customer support and free updates

We are aware that a good piece of software means nothing, if users are not provided with a quality support for its usage. If you encounter any issue while trying to build your app using our template, and our detailed documentation does not provide you with an answer, you can always contact our dedicated customer support. Our experts will resolve and answer your inquiries within a reasonable timeframe, and you can contact them via e-mail [email protected]

We are continually trying to upgrade our templates, so after purchasing you will get all the new future updates for free.

Design fragments that make this app starter irresistible

Designing a mobile app is a real challenge. Apart from app development, app designing plays a crucial role in app’s success, as users tend to download and use apps pleasing to the eye. UI/UX designers should follow the latest trends for both Android and iOS apps, they should arrange the applications according to app content, and they should work closely with developers. Seems like a lot of work? Well it is, but our template allows you to avoid all this hussle, as it is packed with beautiful and modern design.

Color gradients

We are always trying to follow and incorporate latest design trends into our Ionic templates, and gradients are the trend we decided to delve in. A gradient is the gradual blending from one color to another. They are used to create bold statements and channel user emotions, helping audiences connect with a product or an idea.

Unified graphic

All 100+ screens are made in the same style, so you can combine them without losing the consistency of your app style.

Icons

We included 800+ icons, so there will be no more 4 different sized PNGs. Now all in one font size and color changeable. Just pick the right ones and integrate them into your app.

Sass/CSS blend modes

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

Fonts

All fonts used in this app starter are free, and available via Google Fonts. If you want to use some other fonts, you can easily replace the exisitng ones in the main SASS file.

CSS animations

With the help of animate.css we crafted several animated elements, that will raise the UX of your mobile app.

List of mobile components available in Gradient Blue Light Template/Theme

If you choose our app starter for your app development endeavor, you will be able to bypass the daunting process of building your app from zero, as we incorporated an abundance of components which are listed below.

  • List views (6 types – 20 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)

It is worth mentioning that Ionic 3/Angular 6 Gradient Blue Light app starter contains a well-written and easy-to-follow documentation, where you can find all the information about the implementation of the above-numbered components.

Technologies and open source projects

Crafting such a comprehensive, and feature-rich app starter like this one would not be possible without the following technologies and open source projects.

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

Angular is one of the most popular JavaScript frameworks for building web and mobile apps. Considering the fact that Google actively maintains Angular, the tooling and support are extraordinary.

Angular 6 was released on May 4, 2018. The highlights of Angular 6 are the Angular Command Line Interface, The Component Development Kit, and the Angular Material package update.

Sass (Syntactically Awesome Style Sheets)

Before we answer the question waht exactly Sass is, we need to find out what is a CSS preprocessor.

A CSS preprocessor is a scripting language that extends CSS by enabling developers to write code in one language and then compile it into CSS. Sass is the most popular preprocessor out there, and it is an extentsion of CSS that allows using things like nested rules, variables, inline imports etc. Additionally, it helps keeping things organized and allows creating style sheets faster.

Cordova plugins

Cordova plugins represent a bit of add-on code that provides JavaScript interface to native components. Basically, they allow your app to use native device capabilities.

Animate.css

Animate.css is a little CSS library that is used to create really nice animation effects using pure CSS. It eliminates the need for creating custom animations.

Elastic header with zoom

Elastic header with zoom is an Ionic/Angular directive for elastic headers crafted by Ola Christensson.

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 gozopping.com 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.

Credits

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

BootstrapDeive.com 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

Definitions

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:

  • facebook.com
  • google.com
  • bing.com
  • twitter.com
  • pinterest.com

Our business partners:

  • facebook.com
  • google.com
  • bing.com
  • twitter.com
  • pinterest.com

Connected third parties:

  • facebook.com
  • google.com
  • bing.com
  • twitter.com
  • pinterest.com

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.

Children

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 optout.aboutads.info or youronlinechoices.com. For more information about cookies, visit allaboutcookies.org.

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 BootstrapDeive.com 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 BootstrapDeive.com Sites by modifying your settings here:

Privacy Preferences

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

Last Update: May 25, 2018