Ionic Official Starter Templates
Official starter templates for building Ionic apps with Angular, React, Vue, and legacy frameworks.
What is Ionic Official Starter Templates?
Ionic Starter Templates is a collection of official project templates used by the Ionic CLI to bootstrap new mobile and web applications. It provides pre-configured setups for building Ionic apps with Angular, React, Vue, and legacy frameworks, helping developers quickly start projects with proper tooling and structure.
Mobile and web developers using Ionic Framework who need to quickly start new projects with framework-specific configurations and build tools.
Developers choose these templates because they are officially maintained by the Ionic team, ensure compatibility with specific Ionic versions, and provide consistent starting points across different JavaScript frameworks with modern build tooling.
Overview
Starter templates for Ionic apps, used by the Ionic CLI
Use Cases
Best For
- Starting new Ionic projects with Angular CLI tooling
- Bootstrapping Ionic React apps with Vite build system
- Creating Ionic Vue applications with modern Vue 3 setup
- Maintaining legacy Ionic 1 (AngularJS) applications
- Migrating between Ionic Framework versions with version-specific templates
- Learning Ionic development with framework-specific examples
Not Ideal For
- Teams building purely native mobile apps without any web technology stack
- Projects requiring server-side rendering (SSR) as a core architecture, as Ionic is client-side focused
- Developers who prefer to hand-roll build configurations from scratch for maximum control and minimal boilerplate
Pros & Cons
Pros
Supports Angular, React, Vue, and legacy frameworks like AngularJS, enabling developers to choose their preferred stack while using Ionic, as evidenced by the detailed table covering all major JavaScript frameworks.
Templates are aligned with specific Ionic Framework versions (v1 to v6+), ensuring compatibility and reducing setup errors, which is critical for maintaining consistent development environments.
Includes Vite for React and Vue, and Angular CLI for Angular, providing fast development servers and optimized builds, as shown in the transition from older tools like Create React App to Vite in CLI v7+.
Maintains starters for Ionic 1 and ionic-angular, aiding teams in supporting older applications without forced migrations, as highlighted in the legacy framework rows of the README table.
Cons
Legacy templates like ionic-angular rely on outdated build tools such as @ionic/app-scripts, which lack modern features and may have security vulnerabilities, forcing teams to deal with technical debt.
The array of version-specific and framework-specific starters can overwhelm newcomers, leading to confusion and potential misconfiguration, as seen in the dense table with multiple variants for React and Vue.
The README is sparse and primarily points to external Ionic documentation for setup guidance, requiring additional research and increasing the initial learning curve for developers.
Frequently Asked Questions
Related Projects
Ionic 2 Advanced ComponentsA project full of ionic 3 components and samples - to make life easier :)
Ionic Boilerplate✨ An Ionic Starter kit featuring Tests, E2E, Karma, Protractor, Jasmine, Istanbul, Gitlab CI, Automatic IPA and APK, TypeScript 2, TsLint, Codelyzer, Typedoc, Yarn, Rollup, and Webpack 2
Ionic 2✨ An Ionic Starter kit featuring Tests, E2E, Karma, Protractor, Jasmine, Istanbul, Gitlab CI, Automatic IPA and APK, TypeScript 2, TsLint, Codelyzer, Typedoc, Yarn, Rollup, and Webpack 2
OCR Scan App:camera: Simple Ionic app using ocrad.js
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.