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

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

Cart 106 sales
Ionic 3 / Angular 6 UI Theme /  Template App - Multipurpose Starter App - Gradient Blue Light - CodeCanyon Item for Sale



  • 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

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.


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.


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