Ionic 3 UI Theme / Template App – iOS 11 style.
Ionic 3 Green – Light iOS 11 style UI theme is right here. Use 80+ layouts and construct your Ionic 3 / Angular four cell app.
Save hours of growing and use 80+ superbly designed HTML5 layouts. Choose purposes that you wish to have and mix loads of HTML5 UI parts via your want.
Don’t smash your head and construct HTML5 cell app from scratch – we did it for you! All primary purposes are right here. You could make nearly any app with our UI template app.
We made in reality excellent arranged primary SASS document with all wanted variables in want to supply builders low time eating device for speedy and blank-code construction of best possible cell apps. You can exchange all app displays in a single document to regulate it on your logo or consumer. By the use of our template you’ll temporarily produce best possible cell apps for Android and iOS.
Now you’ve gotten most flexibility and you’ll simple customise each and every theme on your wishes to all 80+ layouts without delay.
In our Ionic 3 /Angular four UI parts we expanded default Ionic’s options and functionalities and added them iOS 11 sharpening. All components are impressed via new iOS 11 however nonetheless made to appear nice additionally on Android gadgets.
You can simple enforce UI components supply code from Ionic 3 UI theme / template via following our smartly arranged documentation.
You simply code (little bit), we do the design.
Check our instance demo app!
Easy as cake. Happy coding!
NOTE: If you intend to promote your software over Play Store or to have in-app acquire, you must purchase prolonged license.
Full function record
- BUILT WITH SASS (Syntactically Awesome Style Sheets) – as identify stated: it’s superior! We made entire theming machine over one tremendous-arranged primary SASS document the place you’ll exchange and alter nearly all variables in all 80+ layouts without delay. With SASS you’ll speedy customise our topics and even make new.
- We used global most well liked hybrid app framework: Ionic 3. Develop your cell internet app entrance-finish speedy as lightning!
- 80+ completed layouts able to make use of – construct your cell software over directives. Every directive include 1-3 HTML5 layouts that may be very simply carried out. Of route you’ll customise it and create distinctive HTML5 cell app. All you wish to have to do is to supply content material.
- 1 theme – all 80+ UI parts are made in a single visible style that you’ll entire nearly any app.
- Unified graphic – all graphic components are impressed via iOS 11 graphic style and they may be able to be blended infinitely. Even if you wish to mix UI parts from other topics it’s conceivable with simply few tweaks.
- FULLY RESPONSIVE– Now all displaysare responsive over ion-cut up-pane part. Also we integrated ion-grid in all parts which is closely influenced via Bootstrap’s grid machine.
- FIREBASE BACKEND– Now is conceivable to modify all static components over Firebase. You can exchange texts (content material texts, header texts…) icons and photographs very quickly with out wish to cross to code.
- PUSH NOTIFICATIONS– Engage your customers over push notifications. Just practice our setup educational and get started sending notifications over Firebase.
- GOOGLE ANALYTICS– Track your customers habits. Find our extra about them. We arrange Google Analytics to each and every display screen so no click on is misplaced.
- MAILCHIMP INTEGRATION– Collect leads in your mail campaigns and monitor effects. Just exchange ID of your MailChimp record and you’re carried out.
- GOOGLE MAPS API INTEGRATION– 3 new Layouts with Google Maps API part (Location main points, About us and Full display screen view). Satellite and Map purposes enabled. Also Street View surfing is useful.
- QR CODE AND BARCODE SCANNER – Full funcional scanner for QR codes and Barcodes. One structure added for result of scanning. Support 15 code varieties for Android, nine varieties for iOS. Also beef up extra 15+ sorts of code for Windows and BlackBerry.
- FORM VALIDATION– All enter fields are actually replace with validation. No extra incomplete submits or empty fields.
- Many UI components have animation and/or transparency – stunning clear animations which can be an increasing number of well-liked in internet construction.
- Icons – integrated wide variety of 800+ Material Design icons from Materialdesignicons.com over Fontello font. No extra other sized PNG’s – we make it over scalable SVG structure. So you get a large number of Ionic icons.
- Everything examined too (and works nice) on iPhone four, iPhone 4s, iPhone five, iPhone 5s, iPhone 6, iPhone 6s, iPhone 6 plus and iPhone 6s plus.
- Every UI part and structure paintings on Android four.four and up to newest Android model. We check it on Samsung Galaxy S7 (Android 6), Sony Xperia Z2 (Android 6), Samsung Galaxy J5 (Android five.1), Sony M2 (Android five.1), Samsung s4 (Android four.four). Also we check it on GenyMotion. And the entirety works best possible.
- Clean code with feedback – all HTML5, CSS3 and SASS information are smartly commented for more uncomplicated and faster construction and customizing.
- Fonts changeable in a single line of code – we used internet fonts (Roboto and Lato) as Google recommend it however it is rather simple to interchange it in just one line of code in primary SASS document (via converting URL to internet font). Note: If you intend to modify font we recommend that you simply exchange it with some internet fonts that experience identical choice of font weights.
- SASS/CSS mix modes – We made a number of mix modes (black & white photograph, darkening and gradients) so each and every symbol in app will appears to be like best possible and spice up aesthetic facet of your app. Users loves great apps!
- CSS animations – together with Animate.css we produce a number of animated components that may lift UX high quality of your cell app
- Images – thru all topics there may be simply four sizes of pictures (200×200px, 600×300px, 600×150px and 130×220px). Backgrounds are complete HD (1920×1080px). All different used sizes are made robotically.
- Colors – colours and colour mixtures of each and every Ionic 3 theme are constituted of iOS styliguides.
- Events – on each and every button we offer clickable “event” that you’ll override and customise via your wishes. Also we set toasts for each and every “event”.
- Ripple impact – integrated in nearly all UI parts at hover state.
All UI parts record:
- Google Maps – 3 display screen with carried out GMaps API. We integrated it in web page About us whish may be very usable for bussiness app and corporate displays. Also there may be web page referred to as Location main points which primary function is for eating places or any other location primarily based apps. And after all there may be Full web page display screen if you wish to have larger review of maps. Fucnionality as Satellite/Maps and Street View could also be vailable.
- QR code & Barcode scanner – Fully funcional scanner with beef up for quite a lot of sorts of code. There could also be one themed display screen for appearing result of scanning. Our scaner helps: QR_CODE, DATA_MATRIX, UPC_E, UPC_A, EAN_8, EAN_13, CODE_128, CODE_39, CODE_93, CODABAR, ITF, RSS14, RSS_EXPANDED for Android. For iOS it beef up: QR_CODE, DATA_MATRIX, UPC_E, UPC_A, EAN_8, EAN_13, CODE_128, CODE_39, ITF.
- List Views – Four sorts of List Views: Expandable (3 layouts), Drag&Drop (3 layouts), Swipe to brush aside (3 layouts), and Google Cards (3 layouts). We used some components of Ionic 2 framework however we weren’t satisfied the way it appears to be like so we improve and varnish them to be prettier and more uncomplicated to paintings with them. All of them have their very own particular results and functionalities. Also we added Appearance animations that may be blended with all 5 List Views for higher glance and person enjoy. In general 12 displays of List Views. Open supply challenge used on this parts: Sticky List Header
- Parallax Effect (four layouts) – We made new part for Ionic 3 / Angular four and we mix it with Ionic 3 lists and get stunning Material Design UI part. Open supply challenge used: Elastic header with zoom.
- Left menu (1 layouts) – We used usual Ionic left menu (or facet menu) ) and we designed it to compare our theme combining gradients and footage with SASS/CSS mix modes.
- Login & Register (2+2 layouts) – Login with small however great letter impact with HD photographs in background. 2 login display screen + 2 check in display screen.
- Image Gallery (four layouts) – Gallery and sub-gallery with cool Ripple impact. We additionally make complete-display screen symbol preview display screen so that you don’t wish to code.
- Check buttons (3 layouts) -Matching types for each and every of UI layouts.
- Splash displays – 3 Splash displays blended with Ken Burns impact (constituted of scratch via us) and several other brand front animation.
- Typo and small parts – Page with typography (h1…h6, p). All made with default Roboto and Lato fonts however you’ll simply change it with font via your want. We additionally added in SASS controlling variables for 3 ranges of spans (small, medium, massive), 3 ranges of icon sizes (small, medium, massive), 3 ranges of badges (small, medium, massive) and 3 ranges of social icons (small, medium, massive).
- Search bars (3 layouts) – seek bars for speedy implementation for your app that are compatible completely with each and every Ionic 2 theme.
- Wizards (3 layouts) – Two other layouts of wizards. Can be used for app utilization intructions, intros, explanators and many others.
- Spinners/loaders (10 varieties) – Made of animated SVG’s. Open supply challenge used on this parts: SVG-Loaders
Technologies and open supply initiatives
To be capable to make all of Ionic 2/Angular 2 parts in Material Design we had to make use of a number of applied sciences and few open supply initiatives. In documentation we’ve defined methods to use this initiatives. Here is record what we used to carry our design to lifestyles:
- SASS (Syntactically Awesome Style Sheets) – Makers of SASS name it “CSS with superpowers”. And it’s! Sass boasts extra options and talents than some other CSS extension language. Also it’s totally suitable with all variations of CSS.
- Ionic 2 – it’s open supply cell framework for growing hybrid cell and internet apps. With Ionic you’ll produce Android, iOS and Windows cell apps without delay.
- Angular 2 – Angular 2 is a structural framework for dynamic internet apps. It means that you can use HTML as your template language and allows you to lengthen HTML’s syntax to precise your software’s parts obviously and succinctly.
- NgCordova – ngCordova is a choice of 70+ AngularJS extensions on best of the Cordova API that make it simple to construct, check, and deploy Cordova cell apps with AngularJS.
- AnimateCSS – “Just-add-water CSS animations” made via Daniel Eden is choice of stunning CSS animations.
- Elastic header with zoom – is Ionic/Angular directive for elastic headers made via Ola Christensson.
Why our shoppers 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
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 buyer beef up
- We are providing FREE after gross sales beef up round. We care about your apps up to you and we can allow you to in any respect conceivable.
- FREE Lifetime Updates – get all of the new options we upload in each and every long run replace free of charge.
- Once you buy, you’ll use our devoted beef up the place we temporarily resolution your questions.
- Includes nice on-line documentation you’ll in finding and it’s repeatedly being up to date with new subject matter.
- Basic tutorials for learners about uploading our template.
- Contact us at firstname.lastname@example.org
- Working hours: 09:00 – 16:00h, UTC+01:00. From Monday to Friday.
The photographs utilized in demos don’t seem to be integrated within the downloaded ZIP document. All photographs belong to their rightful house owners. Full lists of credit are right here