Ionic Material Design icon

Ionic Material Design

Hot or Not
Ionic Material Design

Description

Ionic Material Design Version. We have update the project to keep project up to date as below detail : Plugin : Add plugin cordova-plugin-whitelist to avoid http 404 errors when your app tries to make network requests on android. CSS: Add hidden overflow-x to class product-slide-list to fix horizontal scroll bar appear on page load. More Detail Instruction : How to update project to this version Ionic Material Design is Mobile Native Web Application that developed by Ionic Framework under the design concept of Google Material Design integrate with the functions of ngCorgova. The application will present the function of Application storage, Social Connect, Share content to social network, Advertising in application, Push Notification, Map API Connect, Hardware connect and Material Design Concept. Also we have the documentation that will Introduce you about how to getting started with the project.

Documentation

  • Item Documentation
  • Getting Started
  • Project Configuration
  • Important Notes
  • All Component Detail
  • Known Issues
  • Compatibility

Version History

Version 4.2 – Released 24 June 2016
Plugin :
- Add plugin cordova-plugin-whitelist to avoid http 404 errors when your app tries to make network requests on android.
——————————————————————————————————————————
CSS :
- Add hidden overflow-x to class product-slide-list to fix horizontal scroll bar appear on page load.
Version 4.1 – Released 30 May 2016
Update Framework :
- Update cordova to lasted version.
- Remove fix plugin version.
——————————————————————————————————————————
Update Feature :
- Change plugin AdMob to AdMob Pro version for use more stable version.
——————————————————————————————————————————
Plugin :
- Because of plugin update make npm throw error while installing plugin. We are changed below plugin to stable version :
- Change plugin https://github.com/floatinghotpot/cordova-plugin-admob.git (AdMob) to cordova-plugin-admobpro (AdMob Pro)
- Change plugin de.appplant.cordova.plugin.emai3l-composer@0.8.2 to cordova-plugin-email-composer
- Change plugin org.apache.cordova.splashscreen@1.0.0 to cordova-plugin-splashscreen
- Removed unused plugin cordova-plugin-googleplayservices@19.0.3 because of changed plugin AdMob to AdMob Pro version.
——————————————————————————————————————————
Documentation :
- Update content of section D-4) Add Ionic Plugin
    Change plugin https://github.com/floatinghotpot/cordova-plugin-admob.git (AdMob) to cordova-plugin-admobpro (AdMob Pro)
    Change plugin de.appplant.cordova.plugin.email-composer@0.8.2 to cordova-plugin-email-composer
    Change plugin org.apache.cordova.splashscreen@1.0.0 to cordova-plugin-splashscreen
    Removed unused plugin cordova-plugin-googleplayservices@19.0.3 because of changed plugin AdMob to AdMob Pro version.
- Update content of section D-7 Android Build
    Add new instruction for build AdMob Pro in android to avoid build error.
- Update content of section D-13) Update project to latest version
    Add new content of file and resource that update in this version.
-   Update content of section M) Support
    Add new content about devise size
- Update content of section J-2-2) Facebook
    Update new content of Facebook API Registration according from Facebook update.
Version 4 – Released 24 February 2016
New Feature :
- Show popup dialog before application close when tap Back Button on android.
- Make the side menu close when swipe left on side menu.
- Make the side menu close when tap Back Button on android.
- Make the bottom sheet close when tap Back Button on android.
- Make the popup dialog close when tap Back Button on android.
- Make the md-menu close when tap Back Button on android.
- Make the md-select close when tap Back Button on android.
——————————————————————————————————————————
Update Feature :
- SQLite contract list page will show grid with md-menu by default.
——————————————————————————————————————————
Documentation :
- Update content of section D-4) Add Ionic Plugin
    1.Update plugin cordova-plugin-inappbrowser to version 1.1.3
    2.Change cordova-plugin-splashscreen plugin to org.apache.cordova.splashscreen to support new version of Android and IOS
    3.Remove section of About local notifications plugin Because the probelm has been fixed.
- Remove content of section Plugin that will not working on El Capitan, Xcode 7 (Only IOS) Because the probelm has been fixed.
- Add new section Update project to latest version for project update instruction.
- Add new content of section Support

Version 3.3 – Released 08 February 2016
Documentation :
- Update content of section D-4) Add Ionic Plugin
   1.Fix version of cordova plugin to avoid plugin update not compatible with framework make project build failed.
   2.Change plugin cordova-plugin-inappbrowser to version 1.1.1 because of version 1.1.2 have error about callback url.
   3.Add new section About local notifications plugin
     - For IOS Build from Mac OS Version that is not : El Capitan
     - For Android Build (Mac and Windows)
- Update new content of section K) Known Issues : Plugin that will not working on El Capitan, Xcode 7 (Only IOS).
   1.Flash Light
   2.Image Picker
   3.Send Text Messages
Version 3.2 – Released 10 January 2016
Plugin :
- Change ionic plugin keyboard to stable version from com.ionic.keyboard 
  to ionic-plugin-keyboard
- Add new googleplayservices plugin to supprot dependencies update of AdMob plugin.
Update package.json File :
- Update dependencies and devDependencies of gulp-sass from version ^1.3.3 to ^2.0.0 
  for support NodeJs version > 4.0.0
Documentation :
- Update content of section D-1) Installing Ionic Framework to using NodeJs LTS 
  version to avoid cordova plugin issue.
- Add new content of section D-1) Installing Ionic Framework about instruction 
  for Mac OS El Capitan to fix issue of cordova when add platform then it will 
  get failed return (cordova keeps a cached version in your ${HOME}/.cordova folder.)
Version 3.1 – Released 9 December 2015
JavaScript libraries :
- Update ngcordova to Version 0.1.23
Plugin :
- Change inappbrowser plugin to stable version 
  from org.apache.cordova.inappbrowser to cordova-plugin-inappbrowser
Update :
- Update controller of AdMob to compatible with last updated of AdMob Plugin. 
Documentation :
- Update content of section D-1 because of the latest version of cordova 
  is not stable. We recommend you to use cordova version 5.3.3 for avoiding 
  plugin installation issue. 
- Update content of section D-4 change link of inappbrowser plugin to 
  stable version from org.apache.cordova.inappbrowser to 
  cordova-plugin-inappbrowser
Version 3.0 – Released 4 November 15
New Feature :
- Android Map Connect.
- IOS Map Connect.
- Setting for Enable/Disable view animation.
Performance :
- Improve application performance by add Crosswalk Browser for Android.
- Improve view content and add new setting section for Enable/Disable view animation.
Update :
- Update toggle left Menu to enable animation on IOS and disable on Android.
Plugin :
- Change SQLite Plugin to https://github.com/litehelpers/Cordova-sqlite-storage.git
- Add new plugin cordova-plugin-transport-security to allow 'Arbitrary Loads' by adding
  a declaration to the Info.plist file to bypass the Xcode 7 and iOS 9 App Transport
  Security.
Documentation :
- Add new section for detail of IOS Map Connect J-6-1
- Add new section for detail of Android Map Connect J-6-2
Version 2.0 – Released 4 October 2015
New Feature :
- Single Push Notification
- Schedule Push Notification
Update Library :
- Font Awesome 4.3.0 to 4.4.0
Compatibility :
- This project was tested in IOS 9 iPhone 6s & 6s+ PASS
- This project Can Build on Xcode 7 PASS
Documentation :
- Add new section for detail of Single Push Notification J-5-1
- Add new section for detail of Schedule Push Notification J-5-2
- Update VDO of section D.Getting Started for project installations IOS and Android.
- Add Important note to all section in J.Component Detail
- Update Google API Registration Instruction (Case of Google Update)
- Update Instagram API Registration Instruction (Case of Instagram Update)
- Add new section I-1 Theme Color About Theme Configuration.
- Add new Known issues about Ionic View at section K.Known Issues.
- Add Important note to section M.Support
Version 1.0 – Released 21 September 2015
Add Project to store.

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.

Ionic 3 / Angular 6 UI Theme / Template App - Multipurpose Starter App - Neon Blue Dark icon

Ionic 3 / Angular 6 UI Theme / Template App - Multipurpose Starter App - Neon Blue Dark

Hot or Not
Ionic 3 / Angular 6 UI Theme / Template App - Multipurpose Starter App - Neon Blue Dark

Description

Highlights

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

Push notifications

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.

Clean code

All HTML5, SASS and CSS3 files are well commented for easier and faster development and customization.

Fully responsive

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 integration

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.

Form validation

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 dev@csform.com

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.

Design highlights

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.

Unified graphics

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.

Icons

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.

Images

There are sizes of images in this template (200×200px, 600×300px, 600×150px, and 130×220px). Backgrounds are full HD (1920×1080px). All the other used sizes are made automatically.

Events

On every button we provided a clickable “event” that you can override and customize according to your needs.

Blend modes

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.

Ionic 3

Launched at the end of 2013, Ionic is an ultimate open source software development kit (SDK) used for developing hybrid mobile apps and web technologies by using JavaScript, CSS, HTML5 and TypeScript. Generally, it is focused on the look, feel, and UI of apps.

Angular 6

Angular is Google’s popular JavaScript framework for building mobile and desktop applications. 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.

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

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.

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.

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 dev@csform.com
  • 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.

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.