Halaman

    Social Items

Ionic 3 / Angular 5 UI Theme / Template App - 5 in 1 Multipurpose Starter iOS 12 Style App



Ionic 3 UI Theme / Template App - iOS 11 style - Green Light

ionic 3 green light ionic-3-tempkate-with-sass-and-html

Ionic 3 Multipurpose Starter Kit – Light iOS 11 style UI theme is here. Use 80+ layouts and build your Ionic 3 / Angular 5 mobile app. Now with 5 color combinations!
Save hours of developing and use 400+ beautifully designed HTML5 screens.Choose functions that you need and combine hundreds of HTML5 UI components by your wish.
Don’t break your head and build HTML5 mobile app from scratch – we did it for you! All main functions are here. You can make almost any app with our UI template app.
We made really superb organized main SASS file with all needed variables in wish to provide developers low time consuming tool for fast and clean-code development of best mobile apps. You can change all app screens in one file to adjust it to your brand or client. By using our template you can quickly produce best mobile apps for Android and iOS.
Now you have maximum flexibility and you can easy customize every theme to your needs to all 80+ layouts at once.
In our Ionic 3 /Angular 4 UI components we expanded default Ionic’s features and functionalities and added them iOS 11 polishing. All elements are inspired by new iOS 11 but still made to look great also on Android devices.
You can easy implement UI elements source code from Ionic 3 UI theme / template by following our well organized documentation.
You just code (little bit), we do the design.
Check our example demo app!
Easy as cake. Happy coding! :)

NOTE: If you plan to sell your application over Play Store or to have in-app purchase, you should buy extended license.

Full feature list

  • 5 color combinations / themes – we listen you and we made 5 color combinations of every screens for easier implementation to any kind of app. There are Blue (no filter), Yellow, Green, Light Blue and Biege / Orange theme.
  • BUILT WITH SASS (Syntactically Awesome Style Sheets) – as name said: it is awesome! We made complete theming system over one super-organized main SASS file where you can change and adjust almost all variables in all 80+ layouts at once. With SASS you can fast customize our themes or even make new.
  • We used world most popular hybrid app framework: Ionic 3. Develop your mobile web app front-end fast as lightning!
  • 80+ finished layouts ready to use - build your mobile application over directives. Every directive contain 1-3 HTML5 layouts that can be very easily implemented. Of course you can customize it and create unique HTML5 mobile app. All you need to do is to provide content.
  • 5 in 1 theme – all 400+ UI screens are made in one visual style that you can complete almost any app.
  • Unified graphic – all graphic elements are inspired by iOS 11 graphic style and they can be combined infinitely. Even if you want to combine UI components from different themes it is possible with just few tweaks.
  • FULLY RESPONSIVE- Now all screensare responsive over ion-split-panecomponent. Also we included ion-grid in all components which is heavily influenced by Bootstrap’s grid system.
  • FIREBASE BACKEND- Now is possible to change all static elements over Firebase. You can change texts (content texts, header texts…) icons and images in no time without need to go to code.
  • PUSH NOTIFICATIONS- Engage your users over push notifications. Just follow our setup tutorial and start sending notifications over Firebase.
  • GOOGLE ANALYTICS- Track your users behavior. Find our more about them. We set up Google Analytics to every screen so no click is lost. :)
  • MAILCHIMP INTEGRATION- Collect leads for your mail campaigns and track results. Just change ID of your MailChimp list and you are done. ;)
  • GOOGLE MAPS API INTEGRATION- 3 new Layouts with Google Maps API component (Location details, About us and Full screen view). Satellite and Map functions enabled. Also Street View browsing is functional.
  • QR CODE AND BARCODE SCANNER - Full funcional scanner for QR codes and Barcodes. One layout added for results of scanning. Support 15 code types for Android, 9 types for iOS. Also support more 15+ types of code for Windows and BlackBerry.
  • FORM VALIDATION- All input fields are now update with validation. No more incomplete submits or empty fields.
  • Many UI elements have animation and/or transparency – beautiful transparent animations which are more and more popular in web development.
  • Icons – included wide range of 800+ Material Design icons from Materialdesignicons.com over Fontello font. No more different sized PNG’s – we make it over scalable SVG format. So you get a lot of Ionic icons.
  • Everything tested too (and works great) on iPhone 4, iPhone 4s, iPhone 5, iPhone 5s, iPhone 6, iPhone 6s, iPhone 6 plus and iPhone 6s plus.
  • Every UI element and layout work on Android 4.4 and up to latest Android version. We test it on Samsung Galaxy S7 (Android 6), Sony Xperia Z2 (Android 6), Samsung Galaxy J5 (Android 5.1), Sony M2 (Android 5.1), Samsung s4 (Android 4.4). Also we test it on GenyMotion. And everything works perfect. ;)
  • Clean code with comments - all HTML5, CSS3 and SASS files are well commented for easier and quicker development and customizing.
  • Fonts changeable in one line of code – we used web fonts (Roboto and Lato)as Google suggest it but it is very easy to replace it in only one line of code in main SASS file (by changing URL to web font). Note: If you plan to change font we suggest that you change it with some web fonts that have same number of font weights.
  • SASS/CSS blend modes – We made several blend modes (black & white photo, darkening and gradients) so every image in app will looks perfect and boost aesthetic side of your app. Users loves nice apps!
  • CSS animations – in combination with Animate.css we produce several animated elements that will raise UX quality of your mobile app
  • Images – through all themes there is just 4 sizes of images (200×200px, 600×300px, 600×150px and 130×220px). Backgrounds are full HD (1920×1080px). All other used sizes are made automatically.
  • Colors – colors and color combinations of every Ionic 3 theme are made from iOS styliguides.
  • Events – on every button we provide clickable “event” that you can override and customize by your needs. Also we set toasts for every “event”.
  • Ripple effect – included in almost all UI components at hover state.



Ionic 3 / Angular 5 UI Theme / Template App - 5 in 1 Multipurpose Starter iOS 12 Style App

Ionic 3 / Angular 5 UI Theme / Template App - 5 in 1 Multipurpose Starter iOS 12 Style App



Ionic 3 UI Theme / Template App - iOS 11 style - Green Light

ionic 3 green light ionic-3-tempkate-with-sass-and-html

Ionic 3 Multipurpose Starter Kit – Light iOS 11 style UI theme is here. Use 80+ layouts and build your Ionic 3 / Angular 5 mobile app. Now with 5 color combinations!
Save hours of developing and use 400+ beautifully designed HTML5 screens.Choose functions that you need and combine hundreds of HTML5 UI components by your wish.
Don’t break your head and build HTML5 mobile app from scratch – we did it for you! All main functions are here. You can make almost any app with our UI template app.
We made really superb organized main SASS file with all needed variables in wish to provide developers low time consuming tool for fast and clean-code development of best mobile apps. You can change all app screens in one file to adjust it to your brand or client. By using our template you can quickly produce best mobile apps for Android and iOS.
Now you have maximum flexibility and you can easy customize every theme to your needs to all 80+ layouts at once.
In our Ionic 3 /Angular 4 UI components we expanded default Ionic’s features and functionalities and added them iOS 11 polishing. All elements are inspired by new iOS 11 but still made to look great also on Android devices.
You can easy implement UI elements source code from Ionic 3 UI theme / template by following our well organized documentation.
You just code (little bit), we do the design.
Check our example demo app!
Easy as cake. Happy coding! :)

NOTE: If you plan to sell your application over Play Store or to have in-app purchase, you should buy extended license.

Full feature list

  • 5 color combinations / themes – we listen you and we made 5 color combinations of every screens for easier implementation to any kind of app. There are Blue (no filter), Yellow, Green, Light Blue and Biege / Orange theme.
  • BUILT WITH SASS (Syntactically Awesome Style Sheets) – as name said: it is awesome! We made complete theming system over one super-organized main SASS file where you can change and adjust almost all variables in all 80+ layouts at once. With SASS you can fast customize our themes or even make new.
  • We used world most popular hybrid app framework: Ionic 3. Develop your mobile web app front-end fast as lightning!
  • 80+ finished layouts ready to use - build your mobile application over directives. Every directive contain 1-3 HTML5 layouts that can be very easily implemented. Of course you can customize it and create unique HTML5 mobile app. All you need to do is to provide content.
  • 5 in 1 theme – all 400+ UI screens are made in one visual style that you can complete almost any app.
  • Unified graphic – all graphic elements are inspired by iOS 11 graphic style and they can be combined infinitely. Even if you want to combine UI components from different themes it is possible with just few tweaks.
  • FULLY RESPONSIVE- Now all screensare responsive over ion-split-panecomponent. Also we included ion-grid in all components which is heavily influenced by Bootstrap’s grid system.
  • FIREBASE BACKEND- Now is possible to change all static elements over Firebase. You can change texts (content texts, header texts…) icons and images in no time without need to go to code.
  • PUSH NOTIFICATIONS- Engage your users over push notifications. Just follow our setup tutorial and start sending notifications over Firebase.
  • GOOGLE ANALYTICS- Track your users behavior. Find our more about them. We set up Google Analytics to every screen so no click is lost. :)
  • MAILCHIMP INTEGRATION- Collect leads for your mail campaigns and track results. Just change ID of your MailChimp list and you are done. ;)
  • GOOGLE MAPS API INTEGRATION- 3 new Layouts with Google Maps API component (Location details, About us and Full screen view). Satellite and Map functions enabled. Also Street View browsing is functional.
  • QR CODE AND BARCODE SCANNER - Full funcional scanner for QR codes and Barcodes. One layout added for results of scanning. Support 15 code types for Android, 9 types for iOS. Also support more 15+ types of code for Windows and BlackBerry.
  • FORM VALIDATION- All input fields are now update with validation. No more incomplete submits or empty fields.
  • Many UI elements have animation and/or transparency – beautiful transparent animations which are more and more popular in web development.
  • Icons – included wide range of 800+ Material Design icons from Materialdesignicons.com over Fontello font. No more different sized PNG’s – we make it over scalable SVG format. So you get a lot of Ionic icons.
  • Everything tested too (and works great) on iPhone 4, iPhone 4s, iPhone 5, iPhone 5s, iPhone 6, iPhone 6s, iPhone 6 plus and iPhone 6s plus.
  • Every UI element and layout work on Android 4.4 and up to latest Android version. We test it on Samsung Galaxy S7 (Android 6), Sony Xperia Z2 (Android 6), Samsung Galaxy J5 (Android 5.1), Sony M2 (Android 5.1), Samsung s4 (Android 4.4). Also we test it on GenyMotion. And everything works perfect. ;)
  • Clean code with comments - all HTML5, CSS3 and SASS files are well commented for easier and quicker development and customizing.
  • Fonts changeable in one line of code – we used web fonts (Roboto and Lato)as Google suggest it but it is very easy to replace it in only one line of code in main SASS file (by changing URL to web font). Note: If you plan to change font we suggest that you change it with some web fonts that have same number of font weights.
  • SASS/CSS blend modes – We made several blend modes (black & white photo, darkening and gradients) so every image in app will looks perfect and boost aesthetic side of your app. Users loves nice apps!
  • CSS animations – in combination with Animate.css we produce several animated elements that will raise UX quality of your mobile app
  • Images – through all themes there is just 4 sizes of images (200×200px, 600×300px, 600×150px and 130×220px). Backgrounds are full HD (1920×1080px). All other used sizes are made automatically.
  • Colors – colors and color combinations of every Ionic 3 theme are made from iOS styliguides.
  • Events – on every button we provide clickable “event” that you can override and customize by your needs. Also we set toasts for every “event”.
  • Ripple effect – included in almost all UI components at hover state.



No comments