Ionic 5 is here with huge improvements. This ionic template is built using Angular and Ionic Framework latest versions and has everything you need to jump start your app development! Get Ion5FullApp and enjoy lots of carefully designed pages with the most required functionalities.
We offer 2 different versions of this app so you can choose which one fits your needs:
I've a particular set of skills
59 +100 screens & componentsI've more advanced features
69 +125 screens & componentsThe BASIC version is simpler than the PRO version because it doesn't contain the perceived performance improvements from the App Shell solution. Thus, the data resolvers are simpler.
If you are new to Ionic and Angular I strongly recommend choosing the BASIC version.
This Ionic premium starter includes lots of Ionic components coded the angular way. Built using Angular and Ionic latest versions.
This template is a collection of common features and use cases, UI screens and ionic components that you can use as a whole like a starter template or cherry pick the specific features and components you want to add to your existing Ionic project.
Either way, it will enable you to jump right into feature development and save valuable time.
The starter includes lots of pages, features and components but you are free to use just what you need and delete the code you don't. The code structure is super modularized so you will find easy to modify the code to fit your needs.
CSS Variables provide easy customization of an application and allow a value to be stored in one place, then referenced in multiple other places. So, for example if you want to change the colors of your app, by just changing some variables your app will have the desired colors in just a few seconds!
The template includes a super detailed documentation to help you understand and use the template.
We are currently building a new section to include all the amazing reviews we have from our users. Meanwhile, you can check them in our documentation.
This component helps you demonstrate or explain your app to new users. You can showcase the main features of your app.
The aim of this section is to personalize the experience of the user within the app by asking them some questions about their interests.
The authentication screens included in this Ionic 5 starter app are: sign up, log in, forgot password and terms and conditions and privacy policy modals.
In this authentication forms you can find a show-hide password component super useful for mobile screens.
Social Authentication is implemented with Firebase. Check the Firebase Authentication documentation for more details
We carefully designed and coded 5 different and complete categories: Travel, Food, Fashion, Deals and Real State.
Each category has a Listing view and a Details view. Each of these pages is different and has different and unique components that you can reuse within your Ionic 5 app.
Some of the components you will find in this section are: Cards, Lists, Sliders, Maps, Tags, Text Blocks, Images, Grids, Progress Bar, Buttons, Custom Icons, Buttons, Modal, Alerts, Different types of layouts to display your data in a beautiful and organized way.
Forms are the pillar of many business applications. You can use forms to perform countless data-entry tasks such as: login, submit a request, place an order, book a flight or create an account.
The main purpose of forms is data collection so we need to provide a good experience so the user doesn't get frustrated.
In this Ionic theme we included different types of form validations with Ionic and Angular such as: password and confirm password validation, international phone validation, email format validation and username validator. You will learn how to use Angular custom validators and how to use Angular Reactive Forms to create your own validators.
Some applications need controls to filter its data that's why we created a specific section with some of the most popular and required filters.
In this section you will find various types of filters such as: Ranges, various radio groups with different styles and layouts, various checkboxes with different styles and layouts, Tags, Toggles, a custom ionic component to add and substract numbers, a custom ionic component for rating and also a custom ionic component to select a color.
If you feel that there is an important filter that is missing just drop us a line.
Navigation is one of the most important parts of an app. Solid navigation patterns help us achieve great user experience while a great router implementation will ease the development process and at the same time will make our apps discoverable and linkable.
As the new Ionic 5 position itself as the best tool to build Progressive Web Apps, and the Discoverable and Linkable principles are fundamental to PWAs, it is clear why the new Ionic 5 Navigation relies on the Angular Router.
The Angular Router is a solid, URL based navigation library that eases the development process dramatically and at the same time enables you to build complex navigation structures. In addition, the Angular Router is also capable of Lazy Loading modules, handle data through route with Route Resolvers, and handling Route Guards to fine tune access to certain parts of your app.
This Ionic 5 starter app template features many different examples of navigation within an Ionic app such as: Tabs, Side Menu, Lazy Loading and Angular Resolvers.
Profile section includes two pages: User Page and Friends Page.
We added a Showcase section to help developers use the custom components the template offers.
We included a complete authentication flow in this Ionic 5 starter app, featuring Sign Up, Log In, Forgot Password, terms & conditions and privacy policy modals.
All authentication forms include extra UX features like input validations with error messages, and a nifty show-hide password component to enhance usability on mobile screens.
Social Authentication is implemented with Firebase. Check the Firebase Authentication documentation for more details
Firebase is a popular tool that helps you build apps fast, without managing infrastructure and includes a powerful Database as a Service solution. We built a Firebase Integration for this Ionic 5 Starter App that will show you how to query a collection and render it in your Ionic app.
Most apps need to know the identity of a user. Knowing a user's identity allows an app to securely save user data in the cloud and provide the same personalized experience across all of the user's devices. Firebase Authentication provides backend services, easy-to-use SDKs, and ready-made UI libraries to authenticate users to your app. This integration supports authentication using email/password and social providers such as Google, Facebook and Twitter.
Capacitor is a cross-platform app runtime that makes it easy to build web apps that run natively on iOS, Android, Electron, and the web.
It provides a consistent, web-focused set of APIs that enable an app to stay as close to web-standards as possible, while accessing rich native device features on platforms that support them.
Not ready to use Capacitor? In the documentation we explain how to remove Capacitor and add Cordova into your project.
Ionic 5 is a step forward for Progressive Web Apps, that's why we are building this new ionic template with 100% support for PWA. Learn more about PWA with Angular and Ionic.
You will be able to use this Ionic 5 starter as an iOS app, an Android app, a web app or as a PWA! Too many options, right?
For a web app to be considered a PWA, it needs to comply with 10 principles. Let’s see how this Ionic Framework app addresses each of them.
You can try the live preview of this Ionic template from your desktop or mobile device to see how it works.
On average we have dedicated over 1500 hours of coding, designing, researching, and fixing bugs while crafting every major feature your project may require. Time and experience packed in a ready to go solution.
Let's do some quick math: 1500 hours * U$S 60/h = U$S 90.000
You can save that much hours of developers and designers and still deliver a great product your client will love.
Ionic 5 Full Starter App goes beyond the regular UI kit or template you can find elsewhere.
Think of it like a tool or swiss knife that will help you succeed in your project, whether you have a tight schedule or budget.
Considering reinventing the wheel? Don't, you know it's gonna take much longer than you think.
Time is money! Start building your project leveraging countless hours of top designers and engineers spent crafting Ionic 5 Full Starter template. Multiple pages, components and features ready to fit diverse use cases and speed up your Ionic Framework project.
This template is pure Ionic and Angular, no bloated JavaScript libraries or custom build tools.
You can either use it as a starter for your project or cherry pick some features, components or modules and merge them in your ongoing Ionic Angular project.
Many programmers, both experts and beginners, buy templates from IonicThemes because they want to save valuable time instead.
There are many repetitive tasks that can be streamlined by using starter app templates.
When you buy a template you get all the source code and documentation needed to start building your Ionic App.
The Ionic starter app is exactly what I've been seeking. After a few years away from mobile development I was finding the re-acclimation process to be very difficult. Also, I operate on a tight budget for small businesses and have gone through dozens of starter apps and templates and every one up to now has been missing something crucial that ultimately halted progress. The people at Ionic Themes team put together a rock-solid starter app including clean code and easy to understand documentation... not to mention unmatched customer support/communication. The Ionic starter app has opened dozens of new possibilities and I am excited to finish my current project now that I can finally see the 'light at the end of the tunnel!' Thank you!
By following Ionic best practices while building Ionic 5 Full Starter app, we ensure working and extending it will be seamless.
Ensure the code meets your quality standards or get your money back.
Support is delivered by the same engineers that crafted the template in a timely manner.
Just to be clear, our products DO need some technical knowledge, however, if you are new to Ionic or Angular or don't know how to integrate some feature or component from this template to your existing @ionic/angular project, we will do our best to point you in the right direction. Please note that this does not include support related to custom features or adjustments.
What do we mean by support:
What we don't mean by support:
We have teamed up with an extraordinary team of designers and engineers to assure top quality in our products.
Don't waste time stripping bloated JavaScript libraries and custom build tools. We use the essential third party tools to provide great features and stick to Angular and Ionic build tools and best practices.
The toolbelt. The Ionic Command Line Interface (CLI) is a powerful tool to initialize, develop, scaffold and maintain Ionic applications by drastically easing the development workflow. The Ionic CLI makes developing Ionic projects a breeze.
The magic wand. We rely on the standardization provided by Ionic CSS grid and utilities to remove complexity out of the styling universe.
The toolbox. Ionic components with Angular support are the cornerstone to shape your app project.
We included examples of every major feature you can achieve using @ionic/angular
We tried to keep the project as developer-friendly as possible, but without sacrificing all the useful tools for developing an advanced @ionic/angular
app. This means you may need some time to grasp the implementation of some of the most advanced features of the template.
Don't worry, in the documentation you will find plenty of guidance and if that's not enough, our Support Team will be ready for your questions.
Leveraging Web Components, this Ionic 5 Full Starter template makes it easy to isolate and customize components styles using:
We are committed to keeping this template up to date with newer versions of Ionic and the small set of third party libraries we rely on. However, if breaking changes arrive in future versions of the libraries, we will always prioritize existing customers.
Every feature is encapsulated in its own module to make it easy to extract it and re-use in your existing Ionic project.
Based on Javascript modules, TypeScript, routing, state management, web components, and more, Angular has all the building blocks in place for you to rely on and build really complex and scalable projects. @ionic/angular inherits all these goodies.
Easily feed your UI with data. Keep your code clean and maintainable by following best practices.
By combining Sass and CSS 4 our starter apps provide an extensible theming architecture to easily adapt the template to your brand colors and styles.
You can try the live preview of this Ionic 5 template from your desktop or mobile device to see how it works.
Planning on adding an admin dashboard or a companion site to your Mobile app? We got your back, both Fully and Angular Site Template offer a collection of high quality mobile and web UI components and features to speed up the development of your next project.
All of our products are built by the same team of designers and engineers following Angular best practices to ensure maximum compatibility and coherence between code bases.
This way you will be familiar when working with any of our products.
Ensure the code meets your quality standards or get your money back.
Easy to follow instructions will make the customization process for this amazing ionic framework starter app simple to comprehend.
Feedback is always welcome and appreciated, drop us a line and help us grow and create the ionic template that you need and desire.
Add extra functionalities to your ionic app with our detailed ionic tutorials: Ionic Facebook Authentication, Firebase Integration, Tips for Beginners, among others.
In order to modify this ionic template you need to have knowledge in web technologies such as javascript, html5 and css3.
YEAH, BUT ...
Does it really save me time?
You know how TV chefs already have the ingredients pre-chopped for them, and all they have to do is the actual cooking?
We prepped the ingredients for you… the beautiful screens, different types of navigations, functional integrations and all of the usual components that you may need in every ionic framework app. In no time you will be able to customize the styles of the ionic template to match your brand and start building your Ionic app.
$59 seems expensive
If you’re a developer billing $100/hr, paying $59 for having all the boilerplate and functionalities of your ionic app seems like a no brainer. We’re just trying to save you time.
I’m not that great with Ionic Framework
That’s okay! Our Ionic templates are super easy to customize and include an extensive and detailed documentation. It’s simple enough for beginners, and flexible enough for experts. It doesn’t matter if you’re a solo freelancer or an enterprise developer team.
Our Ionic Framework Starters are built to guide you in the development process, exposing difficult knowledge through practical examples. Created with performance and ease of development in mind, this Ionic starter app is something you will love. It includes all the components that you might need inside an ionic framework project and a detailed documentation on how to get started.
This is not a mobile web; after compiled, you will get a native app that uses web technologies (JS, CSS, HTML). The live preview example in this page is just for you to see how the app is going to be, remember that all the interactions with native mobile APIs (inAppBrowser, Social Share, Image Picker, etc.) won't be available as this is a web environment and not the mobile environment the app is intended for.
FOR A BETTER EXPERIENCE, WE RECOMMEND YOU TO DOWNLOAD THE APP AND TRY IT IN YOUR DEVICE.
Our aim is to help people of different skill levels - designers or developers - get the most out of Ionic Framework by saving your expensive time and providing great resources for you to learn ionic framework faster and better. In IonicThemes you will find premium Ionic Starters and Ionic Framework tutorials, tips and tricks.
Jeff
The Ionic starter app is exactly what I've been seeking. After a few years away from mobile development I was finding the re-acclimation process to be very difficult. Also, I operate on a tight budget for small businesses and have gone through dozens of starter apps and templates and every one up to now has been missing something crucial that ultimately halted progress. The people at Ionic Themes team put together a rock-solid starter app including clean code and easy to understand documentation... not to mention unmatched customer support/communication. The Ionic starter app has opened dozens of new possibilities and I am excited to finish my current project now that I can finally see the 'light at the end of the tunnel!' Thank you!
Saud
I was asked to build up a survey collection website with ambitious features under a tight schedule. I was lucky enough to stumble upon this amazing template built by Ionic Themes team. I needed to have a wizard-like form with various types of input and validations. Being the solo developer of this project, I wouldn’t have been able to deliver this project on time without buying this template. It had almost all the features anyone needs to build a website/app in no time. Unlike other templates, due to great code structure, you can easily export a single component that you need out into your existing projects. With continuous updates and enhancements you are not wasting your money buying this template.
Jas
I am very happy with Ionicthemes specially with the customer service they provided and their quickness in resolving the issues even they were directly/indirectly not related to their product. They did everything to make things work out and my transition to their product was smooth. Very happy and will defiantly purchase again in the future. Looking forward to new products. Permanent subscriber.