Subject Matter Layout UI Ionic Template App

Get 300+ Ionic UI screens and build your Ionic/AngularJS cellular app.

Shop hours of creating through the use of our 60+ fantastically designed HTML5 layouts. choose between 3 mild and a pair of dark topics. Or mix loads of HTML5 UI parts via your desire.

Don’t lose time in breaking your head and construct HTML5 cellular app from scratch – we did it for you!

We made tremendous-arranged primary SASS record with all wanted variables in wish to provide developers low time eating device for quick and clean-code construction of best possible cellular apps. through the use of our template you'll temporarily produce very best cellular apps for Android and iOS.

Now you have maximum flexibility and you'll simple customize each and every theme to your needs to all 60+ layouts at once.

In our Ionic/AngularJS UI components we improved default Ionic’s options and functionalities and added them Subject Material Design polishing. All parts are inspired with Google’s Material Design and created by way of their instructions.

you can simple put in force UI elements supply code from Ionic UI template by following our huge and neatly organized documentation.

you simply code (little bit), we do the design.

Test our instance demo apps!

Simple as cake. Satisfied coding!

NOTICE: for those who plan to sell your software over Play Store or to have in-app purchase, you want to buy prolonged license.

Complete feature checklist

• CONSTRUCTED WITH SASS (Syntactically Awesome Style Sheets) – as title mentioned: it's superior! We made whole theming machine over one tremendous-arranged main SASS document where you can change and modify just about all variables in all 60+ layouts at once. With SASS you'll speedy customize our themes and even make new.
• frameworks blended: Ionic + Materialize framework. Improve your cellular internet app entrance-end rapid as lightning!
• 60+ finished layouts ready to use - build your cellular software over directives. Every directive contain 5-7 HTML5 layouts that can be conveniently carried out. in fact you can customise it and create distinctive HTML5 cell app. Or you'll use default Materialize’s classes. All you wish to have to do is to offer content material.
• FIVE issues – all 60+ UI parts are made in 3 light and 2 dark issues: BLUE LIGHT, GREEN MILD, PURPLE GENTLE, YELLOW DARK and PURPLE DARKISH.
• Unified photograph – all photo elements are impressed via Google’s Subject Matter Layout they usually will also be combined infinitely. although you wish to have to mix UI parts from different topics it's imaginable with just few tweaks.
• Many UI elements have animation and/or transparency – stunning transparent animations which are more and extra widespread in internet construction.
• Icons – integrated wide range of 800+ Subject Material Design icons from Materialdesignicons.com over Fontello font. no more other sized PNG’s – we make it over scalable SVG format. Additionally there is a 740+ default icons from Materialize framework. so you get a lot of Ionic icons.
• Every UI part and layout work on Android FOUR.FOUR and up to latest Android model. We test it on Samsung Galaxy S7 (Android 6), Sony Xperia Z2 (Android 6), Samsung Galaxy J5 (Android FIVE.1), Sony M2 (Android 5.1), Samsung s4 (Android FOUR.4). Additionally we check it on GenyMotion. And the whole lot works best.
• The Whole Thing examined too (and works nice) on iPhone 4, iPhone 4s, iPhone FIVE, iPhone 5s, iPhone 6, iPhone 6s, iPhone 6 plus and iPhone 6s plus.
• Blank code with comments - all HTML5, CSS3 and SASS information are neatly commented for simpler and quicker building and customizing.
• Fonts changeable in one line of code – we used web fonts (Roboto and Lato) as Google recommend it however it is really easy to interchange it in precisely one line of code in major SASS document (via changing URL to internet font). Note: in case you plan to modify font we recommend that you just amendment it with a few internet fonts that have similar collection of font weights.
• SASS/CSS blend modes – We made a number of mix modes (black & white photograph, darkening and gradients) so each and every image in app will looks easiest and spice up aesthetic facet of your app. Users loves great app!
• CSS animations – together with Animate.css we produce a number of lively elements as a way to carry UX quality of your cellular app
• Pictures – via all subject matters there's simply 4 sizes of images (200×200px, SIX HUNDRED×300px, 600×150px and 130×220px). Backgrounds are complete HD (1920×1080px). All other used sizes are made mechanically.
• Colours – colors and color mixtures of each Ionic subject are constituted of Google Subject Matter Layout color palette and by theirs guidelines.
• Occasions – on each and every button we offer clickable “experience” that you can override and customize by way of your wishes. Additionally we set toasts for every “experience”.
• Ripple impact – integrated in just about all UI elements at hover state.

All UI components list:

• List Perspectives – Five kinds of Checklist Views: Expandable (5 layouts), Drag&Drop (5 layouts), Swipe to dismiss (FIVE layouts), Sticky record headers (FIVE layouts) and Google Cards (6 layouts). We used some components of Ionic framework and combine them with Materialize. We weren’t glad the way it seems so we upgrade and polish them to be prettier and easier to work with them. All of them have their own specific results and functionalities. Additionally we delivered Look animations that can be mixed with all five Listing Perspectives for higher look and user revel in. And after all everything is made in 5 Subject Material Design Ionic themes which makes in overall A HUNDRED THIRTY monitors of Listing Views. Open source undertaking used in this elements: Sticky Listing Header
• Parallax Impact (6 layouts) – We made new element for Ionic/AngularJS in way that we mixed Materializer’s Parallax with Ionic lists and get beautiful Material Layout UI element. Also we mix it with swipe and we made Parallax Swiper. Mixed with FIVE issues you get 30 displays of parallax. Open supply project used: Elastic header with zoom.
• Left menu (5 layouts) – We used same old Ionic left menu (or aspect menu) ) and we designed it in 5 layouts combining gradients and pictures with SASS/CSS blend modes and make 30 monitors in overall.
• Login & Check In (6 layouts) – Materializer’s login with small but great letter impact with HD images in historical past. 5 login displays + 2 sign up monitors accelerated with 5 subject matters and you get 30 login monitors.
• Symbol Gallery (THREE layouts) – Gallery and sub-gallery with cool Ripple effect. We mix them with each and every of our UI topics and as consequence you might have 15 displays of galleries.
• Form Symbol Perspectives – 32 shapes prepared for the usage of for avatars or/and profile photographs and selected to check our issues. All made with SVG shapes so can also be simply changed with your personal SVG images.
• Test buttons (5 layouts) -Matching styles for every of UI layouts. Additionally we make model combining take a look at buttons with Expandable effect which you can use for filters (for ex. with search fields). 25 displays in general.
• Splash displays – THREE Splash screens blended with Ken Burns impact (made out of scratch by means of us) and several other emblem entrance animation.
• Typo and small elements – Web Page with typography (h1…h6, p). All made with default Roboto and Lato fonts however you can easily substitute it with font by way of your want. We additionally introduced in SASS controlling variables for 3 ranges of spans (small, medium, huge), THREE levels of icon sizes (small, medium, huge), 3 levels of badges (small, medium, huge) and 3 levels of social icons (small, medium, large).
• Search bars (FIVE layouts) – search bars for speedy implementation on your app that have compatibility perfectly with each Ionic subject matter. We made 25 screens.
• Wizards (FIVE layouts) – Five differnet layouts of wizards. may also be used for app usage intructions, intros, explanators and so forth. Mixed with 5 topics you get 25 displays.
• Spinners/loaders (10 types) – manufactured from lively SVG’s. Open supply venture used in this components: SVG-Loaders

Technologies and open supply projects

To have the option to make all of Ionic/AngularJS elements in Material Design we had to use a number of applied sciences and few open supply tasks. In documentation now we have defined how to make use of this tasks. this is record what we used to carry our layout to lifestyles:

• SASS (Syntactically Awesome Taste Sheets) – Makers of SASS call it “CSS with superpowers”. And it is! Sass boasts more options and skills than every other CSS extension language. Additionally it's completely compatible with all variations of CSS.
• Ionic – it is open supply cell framework for developing hybrid cell and internet apps. With Ionic you'll produce Android, iOS and Windows mobile apps without delay.
• AngularJS – AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and means that you can lengthen HTML’s syntax to express your utility’s parts clearly and succinctly.
• jQuery – jQuery is a quick, small, and feature-wealthy JavaScript library. It makes such things as HTML record traversal and manipulation, event dealing with, animation, and Ajax a lot simpler with a very simple-to-use API that works across a mess of browsers.
• NgCordova – ngCordova is a set of 70+ AngularJS extensions on most sensible of the Cordova API that make it simple to construct, check, and install Cordova cell apps with AngularJS.
• MaterializeCSS – it is a contemporary and responsive entrance-finish framework in line with Google’s Subject Matter Design.
• AnimateCSS – “Simply-upload-water CSS animations” made by way of Daniel Eden is number of stunning CSS animations.
• Sticky Listing Header (ion-affix) – is a lightweight Angular directive for Ionic framework to have sticky affix element made by means of Ali ADEQUATE.
• Elastic header with zoom – is Ionic/Angular directive for elastic headers made by means of Ola Christensson.

Why our shoppers love us?

“Resolve all of your doubts!”
Emmarango, Material Layout UI Ionic Template app

“Excellent. You saved me so much of construction effort. Great!”
Alessandrotorres, Subject Material Layout UI Android Template app

“Couldn’t pick one area for the FIVE celebrity review. General quality, design and usefulness are excellent. Beef Up is also implausible. Thanks for assist. Luke”
Betty8080, Subject Material Layout UI Android Template app<

“one in every of the most productive in all respects.”
Nikhil3831, Subject Matter Design UI Android Template app

“Everything is apparent. @developer, nice work”
Satyagvns, Subject Material Layout UI Android Template app

“Excellent paintings. thank you for sharing :)”
Bisoncode, Subject Material Design UI Android Template app

“Such A Lot options required for app layout and development available. We long gone build an app for gozopping.com with this, and make our purchaser pass mad.. thx a lot.”
Ojalsuthar, Subject Material Design UI Android Template app

“Completely wonderful.”
Vanduh, Subject Matter Design UI Android Template app

“Improbable, thanks. I’m certain I’ll be shopping for extra resources from you.”
Henrik S., HD wallpaper Android Template App

“Great design quality!”
Dedania23, HD wallpaper Android Template App

Superb customer service

• we are offering LOOSE VERY GOOD after sales fortify round. We care about your apps as much as you and we will be able to assist you to in any way conceivable.
• LOOSE Lifetime Updates – get all of the new options we add in each and every long run replace free of charge.
• whenever you purchase, you'll use our devoted beef up where we temporarily resolution your questions.
• Comprises nice online documentation you'll in finding and it’s repeatedly being updated with new material.
• Elementary tutorials for rookies about importing our template.
• Contact us at dev@csform.com
• Operating hours: 09:00 – 16:00h, UTC+01:00. From Monday to Friday.

Updates

Version 2.0 – 08. November 2016.

• SASS construction added!
• Utterly redesigned.
• FIVE themes added: Yellow darkish, Inexperienced gentle, Crimson dark, Blue gentle and Red Gentle.
• Live preview brought.
• so much of minor bugs fixed.

Model 0.1.2 – 06. August 2016.

• Five Wizards added.
• Ten Spinners/loaders added.
• Google cards loading mounted.
• Social networks login buttons brought on login monitors.
• Minor bugs fastened.

Version 0.1.4 – 12. September 2016.

• New format delivered: Parallax Swiper.
• Minor insects fastened.

Credit

The Images utilized in demos don't seem to be included in the downloaded ZIP report. All images belong to their rightful owners. Complete lists of credits are here

FULL DOWNLOAD