Zum Inhalt springen

Ionic

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 08.11.2026

Ionic ist ein Framework, das aus Webtechnik Apps für iOS, Android und das Web baut. Es ist 2013 erschienen und liefert Bedienelemente, die auf dem iPhone wie iOS und auf Android wie Android aussehen.

Ionic

Ein Framework mit mobilen Oberflächenbausteinen aus HTML, CSS und JavaScript, die als App oder Website laufen.
Beispiel: „Die Mitglieder-App ist mit Ionic gebaut, dieselbe Oberfläche läuft auch im Browser.“

Verwandt: Capacitor, das die Ionic-Oberfläche in eine installierbare App verpackt.

Abgrenzung zu React Native: Eine Ionic-App ist im Kern eine Webseite in einer eingebetteten Browseransicht. React Native erzeugt Bedienelemente des Betriebssystems.

Wie Ionic aufgebaut ist

Die Bausteine sind Web Components, also Elemente, die jeder Browser versteht. Dadurch lässt sich Ionic mit Angular, React und Vue.js verwenden; ursprünglich war es eng an Angular gebunden.

Jede Komponente passt ihre Optik an die Plattform an. Ein Schalter sieht auf dem iPhone anders aus als auf Android, ohne dass im Code etwas anderes steht.

Ionic und Capacitor

Für den Weg in die App-Stores verpackt Capacitor die Webanwendung in eine App und gibt ihr Zugriff auf Kamera, Dateien und Push-Mitteilungen. Früher erledigte das Apache Cordova, das Ionic-Team hat Capacitor als Nachfolger entwickelt.

Dieselbe Anwendung kann parallel als Website oder Progressive Web App laufen. Für Unternehmen, die eine Website und eine App brauchen, spart das eine zweite Entwicklung.

Für wen Ionic passt

Für Teams mit Webkenntnissen, die Apps mit vielen Formularen und Listen bauen: Mitgliederbereiche, Außendienst-Werkzeuge, Buchungen. Bei grafisch aufwendigen Apps oder Spielen stößt die Browseransicht an Grenzen.

Siehe auch:

Capacitor

Eine Laufzeitumgebung, die Webanwendungen als installierbare Apps für iOS und Android verpackt.

#Programmiersprachen

React Native

Ein Framework von Meta, mit dem sich Apps für iOS und Android in React schreiben lassen.

#Programmiersprachen

Flutter

Ein Framework von Google für Apps auf Smartphone, Web und Desktop aus einer Codebasis in Dart.

#Programmiersprachen

Angular

Ein TypeScript-Framework von Google für große Webanwendungen.

#Programmiersprachen

Web-App-Manifest

Eine JSON-Datei mit den Angaben, mit denen ein Betriebssystem eine Website wie eine App behandeln kann.

#Webdesign-Grundlagen

Native App

Anwendung, die für ein Betriebssystem entwickelt, über dessen App Store installiert und direkt auf dem Gerät ausgeführt wird.

#Webdesign-Grundlagen