Ionic 3 / Angular 6 UI Theme / Template App - Multipurpose Starter App - Neon Blue Dark
Developing Ionic apps has never been easier! With 80 screens and 100 components, inspired by iOS11, you will have more than enough resources to start developing your own hybrid app!
- iOS, Android
- 2 years ago
- 2 years ago
- 80+ functional screens
- Smart UX design
- Firebase backend
- Fully responsived
- MailChimp integration
- Push notifications and much more
Circumvent the pain of native app development with our Ionic 3/Angular 6 Neon Blue Dark app starter! This template provides you with 80+ functional screens, and 100+ Ionic components which can be combined endlessly.
As they say, "everything old is new again," and 2018 is a year of modernizing graphic design trends from the past. A design trend that is currently making a huge comeback is neon design, and with our latest app starter we decided to pay tribute to this bold trend.
Principal features of Ionic 3/Angular 6 Neon Blue Dark App Starter
Ionic 3/Angular 6 Neon Blue Dark app starter is a unique fusion of clean code and gorgeous design, providing all the resources you need to build a powerful hybrid app.
Below you will unveil a full list of features included in this app starter, so be sure to ponder them before making a purchase.
Integration with Firebase for backend management
Ionic 3/Angular 6 Neon Blue Dark app starter comes with a powerful, flexible solution for backend management by integrating Firebase. Via Firebase, you can power your app's backend, including data storage, user authentication, static hosting, and much more.
Built with Sass
Sass is a stylesheet language that extends CSS with features like mixins, nested rules, and variables, in a CSS-compatible syntax. We recognized the power of Sass, and what it can to for our customers' workflow, so we made a super-organized main SASS file with all the necessary variables.
Change almost everything on every screen at once using Sass variables - Font, Opacity Levels, Box Shadows, Colors (Main, BCG, text blend mode), and Blend Modes.
A fully functional push notification example is integrated into this multipurpose app starter. It also comes with detailed instructions on how to configure everything to prepare your app to send push notifications. So, just follow our setup tutorial and start sending notifications over Firebase.
All HTML5, SASS and CSS3 files are well commented for easier and faster development and customization.
Neon Blue Dark app starter is crafted to suit a wide array of device sizes. All screens are made responsive over SplitPane component. Additionally, ion-grid (influenced by Bootstrap's grid system) is included in every component.
Google Maps API integration
Ionic 3/Angular 6 Neon Blue Dark app starter contains 3 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.
MailChimp is one of the largest email service providers out there, and is used by more than 17 million customers. Our multipurpose app starter comes with MailChimp integration that can assist you in collecting leads for your e-mail campaigns and in tracking results. Just change the ID of your MailChimp list and your job is finished.
For those of you who are not familiar with this term, form validation is the process used by form dialogs to alert users of errors in their submissions. Nowadays, almost all websites and apps have text validation for their data input forms and pages. The process of implementing form validation can become a complex and tedious task, but you can avoid this risk with our template. Namely, Neon Blue Dark template has got you covered since all input fields are with validation.
Great customer support & free updates
We strongly believe that customer support is the most important part of any business. We want to make sure that you are successful in adjusting our template to your needs, so we gathered a team of experts that you can contact via e-mail [email protected]
We are continuously following the official updates of every technology used in our templates, and rest assured that you will get all the new future updates for free.
Online documentation & video instructions
Every app starter made by Creative Form is followed by a detailed documentation, including this one. Our documentation will be your main ally in using and adjust this template to your project's needs.
Additionally, you have our video tutorials at your disposal, which cover various aspects of this template's usage.
When designing an app, UI/UX designers should follow the latest trends for both Android and iOS platform, they should arrange the app to be compatible with app's content, and they should cooperate with developers. As you can see, there is a lot of work behind designing an app, but you don't have to go through all this. Just grab our template, make the necessary customizations, and your job is done.
Neon in design
Although it might seem like a throwback to the 1980's, neon is extremely popular trend right now. As you might have already noticed, everything is going fluorescent and colorful. Neon with a modern vibe is what your get with this Ionic 3/Angular 6 template.
Consistency is an essential design principle, as it ties UI elements together to look and behave the same way. All 80+ screens are made in the same style, so you can combine them without the risk of losing the consistency of your app's style.
Smart UX design
All functionalities and layouts are designed with best user experience in mind.
There is a total of 800+ icons, all in one font size and color changeable. Just pick the ones you like and integrate them into your app.
There are sizes of images in this template (200x200px, 600x300px, 600x150px, and 130x220px). Backgrounds are full HD (1920x1080px). All the other used sizes are made automatically.
On every button we provided a clickable "event" that you can override and customize according to your needs.
We included several blend modes, such as black/white, darkening, and gradients. These effects will make your images look great in the app.
Popular mobile components incorporated in Neon Blue Dark Starter App
Building your app from zero can become a thing of the past, if you give our multipurpose app starter a try. Below is the full list of mobile app components, commonly found in today's modern apps.
- 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 Slider (4 types
- Toggle (3 layouts)
- Action Sheet (3 layouts)
- One & Multi Selection (6 screens in total)
- Animated spinners (10 types)
Our easy-to-follow documentation contains all the necessary information regarding the implementation of the above-listed components.
Open source projects and technologies
Ionic 3/Angular 6 Neon Blue Dark app starter uses several technologies and open source projects, and below you will find a short list that contains basic information about these amazing technologies.
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.
Angular 7 became available in beta in early August, but developers shouldn't expect too much from it yet.
Sass – Syntactically Awesome Style Sheets
Sass is one of the most popular preprocessors, and it is an extension of CSS that allows using special features like nested rules, variables, mixins, inline imports etc. Its main purpose is to help keeping things organized and to allow creating style sheets faster. It was initially designed by Hampton Catlin and developed by Natalie Weizenbaum.
Elastic header with zoom
Elastic header with zoom is an Ionic/Angular directive for elastic headers crafted by Ola Christensson.
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.