Orange Dark - Ionic 3 / Angular 6 UI Theme / Template App - Multipurpose Starter App
Inspired by CS:GO, Orange Dark is an Ionic 3/Angular 6 starter app that you can use to quickly build apps for both iOS and Android! Designer not required!
- iOS, Android
- 2 years ago
- 2 years ago
- 80+ screens
- Built with Ionic 3, Angular 6 and Sass
- Firebase backend
- Forms validation
- Inspired by CS:GO
- Push notifications and more
If you like Ionic app development and CS:GO, then you will definitely like our newest starter app Ionic 3 Angular 6 Orange Dark. With 80+ screens and 100+ components, this Ionic app template covers a wide array of apps that could be built with it.
Features that will make your mobile app development fast as light
The main purpose of app templates is to speed up developing process. Even if you are not that great with Ionic framework, Orange Dark Ionic 3 template is super easy to customize and includes an extensive and detailed documentation. We dare to say that it is flexible enough for experts, and simple enough for beginners. Below we will explain the main features included in this starter app, so that you know what you can expect if you decide to make a purchase.
All the backend maintenance and setup can be quite distracting from your main goal – creating and running your app and generating revenue from it. This is where Firebase steps in, it takes care of all your backend needs without you having to set up a single thing on the backend.
Main Sass file
Orange Dark Ionic 3 template comes with a super-organized main Sass file with all the necessary variables. This provides maximum flexibility, since you can apply changes to all 80+ screens at once. Some of the variables are: font (type, weight), font size (h1, h2…h6), colors (main colors, bcg colors, text colors…), opacity levels (10%, 20%...100%), box shadow (z1, z2, z3), blend modes etc.
All 80+ screens are made responsive over Split Pane component that enables creating multi-view layout. We have also added ion-grid in each component.
Firebase push notification
Push notification technology debuted 10 years ago, when Apple introduced iOS 3 mobile operating system in 2008. Push notification technology allows delivering information from an app to a mobile device without a specific request from the app. Today, push notifications are being used to deliver various information to app users, such as discount offers, location-based messages, news etc. If you opt for Orange Dark Ionic template for your project, you will be able to easily send push notifications over Firebase.
In this starter app, form validation is already set up, so incomplete submits and empty fields will not be a matter of concern.
MailChimp is by far the biggest email marketing provider that offers a generous free plan. Orange Dark starter app comes with MailChimp integration. You only need to change the ID of your MailChimp list and your job is done.
Google Maps integration
Orange Dark app template includes 3 screens with implemented Google Maps API – About us, Location details and Full page screen. Satellite and Map functions, along with Street View browsing are also enabled. This feature is especially useful if you are planning to build food delivery, carpooling or location sharing app.
Great customer support + Lifetime free updates + easy-to-follow documentation
As developers ourselves, we are aware how important it is to have reliable documentation to guide you. Therefore, the documentation that comes with Orange Dark app template is detailed and will surely help you significantly in building your app with our template. Besides in-depth documentation, our customer support is reachable via e-mail [email protected]. It is important to emphasize that we are constantly adding new features to our templates, and all these updates will be free of charge once you make a purchase.
Great design to make your app stand out in the crowd
Unquestionably, the app's interface has a direct effect on user experience. For those who need to improve their design skills and get inspired, templates made by industry experts and professionals will do a great help.
Inspired by CS:GO
Counter-Strike: Global Offensive (CS:GO) is a multiplayer first-person shooter video game developed by Hidden Path Entertainment and Valve Corporation. All graphic elements of Orange Dark Ionic template are inspired by CS:GO, and this means interesting color scheme, great imagery, and modern look.
There are 800+ icons included in this app starter, all in one font size and color changeable. Just choose the right ones and integrate them into your app.
All fonts used in this gorgeous Ionic 3 template are free, and a part of Google Fonts library. However, if you want to use some other fonts, you can easily replace the existing ones via the main SASS file.
Sass/CSS blend modes
We crafted several blend modes (b/w, gradients, darkening) so every image in the app will look great, which will drastically improve your app's UX.
Full list of component
As we already emphasized, Orange Dark comes with 100+ components. All these components can be tested via our live preview option, so you can see them in action before making a purchase.
- List view – 3 layouts of expandable, 3 layouts of drag & drop, 3 layouts of swipe to dismiss, 3 layouts of cards, 3 layouts of sticky list headers, 5 layouts of appearance animation
- Tabs 3 - layouts
- Parallax effect - 4 layouts
- Left menu - 1 layout
- Image Gallery - 4 layouts
- Wizards / Onboarding - 9 layouts
- Login & Register - 4 layouts
- Splash screen - 3 layouts with KEN BURNS Effect
- Maps - 3 layouts (Google Maps API included)
- Search - 3 layouts
- Check box -3 layouts
- Radio buttons - 3 layouts
- Range - 4 types
- Toggle - 3 layouts
- Action Sheet - 3 layouts
- One & Multi Selection - 6 screens in total
- Animated spinners - 10 types
Our comprehensive documentation includes all the instructions on how to add all these components to your app. We have also a YouTube channel, with videos on how to add these components to your project.
Open source projects
It is hard to build such a complex starter app like this one without the help of open source projects. Chances are that you are already familiar with these technologies, however for the sake of the ones that are not, we will provide a short explanation about each of them.
Sass (Syntactically Awesome Style Sheets) is an extension of CSS3, adding variables, mixins, selector inheritance, nested rules and more.
Cordova plugins are one of the dark arts of hybrid app development. Ionic framework comes equipped with Cordova plugins, which makes it easier for app builders to access native features such as GPS, camera, Bluetooth etc.
Animate.css iis a CSS library that is used to create really nice animation effects using just CSS. It makes developers' lives easier since it eliminates the need for creating custom animations.
Elastic header with zoom
Elastic header with zoom represents an Ionic/Angular directive for elastic headers.