Ionic 3 / Angular 6 UI Theme / Template App - Multipurpose Starter App - Gradient Blue Light
Ionic 3 / Angular 6 Multipurpose Starter App Gradient Blue Light is a set of 80 iOS screens, 100 components and numerous features! Especially convenient for those just starting out with Ionic app development.
- iOS, Android
- 3 years ago
- 3 years ago
- 80+ 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 80+ 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 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.
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.
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.
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.
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.
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.
All 80+ 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.
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 (4 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)
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.
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.
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.