Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Code
  2. App Templates
Code

15 beste Ionic App-Vorlagen

by
Length:LongLanguages:

German (Deutsch) translation by Alex Grigorovich (you can also view the original English article)

Mit Ionic ist das Erstellen einer leistungsstarken, plattformübergreifenden mobilen App so einfach wie das Erstellen einer Website. In der Tat, wenn Sie ein erfahrener Webentwickler sind, der über Nacht zu einem Android- oder iOS-App-Entwickler werden möchte, müssen Sie lediglich Ionic installieren und starten. Ich versichere dir, du wirst es wie einen Fisch zu Wasser nehmen.

Der Aufbau einer funktionsreichen ionischen App mit einer eleganten Benutzeroberfläche kann jedoch eine Herausforderung darstellen - umso mehr, wenn sie auf mehreren Plattformen nativ aussehen soll. Glücklicherweise können Sie mit einer ionischen Vorlage erhebliche Zeit und Mühe sparen.

CodeCanyon ist einer der größten Online-Marktplätze für ionische Vorlagen. Unabhängig von den Anforderungen Ihrer App besteht eine gute Chance, dass CodeCanyon über eine Vorlage verfügt. In diesem Artikel werde ich 15 herausragende ionische Vorlagen auflisten, die Sie in diesem Jahr verwenden sollten.

1. Ionic Mobile App Builder

Ionic Mobile App Builder

Der Ionic Mobile App Builder, kurz IMA Builder, wurde von CodeGenerator entwickelt und ist eine preisgekrönte Vorlage, mit der Sie sowohl statische als auch dynamische ionische Apps erstellen können, ohne Code schreiben zu müssen. Es bietet eine sehr intuitive webbasierte Oberfläche, mit der Sie jeden Aspekt Ihrer App definieren können. Genauer gesagt können Sie einfach einige Formulare in Ihrem Browser ausfüllen, um alle Komponenten der Benutzeroberfläche Ihrer App zu erstellen und zu konfigurieren, einschließlich Navigationsschubladen, Menüs, Popovers, Tabellen und Seiten.

Das Beste an dieser Vorlage ist jedoch, dass die Apps, die Sie damit erstellen, in der Lage sind, mit einer Vielzahl von Datenquellen wie WordPress, WooCommerce und anderen Content-Management-Systemen mit JSON-API zu interagieren.

2. IonWordpress

IonWordpress

IonWordpress, entwickelt von Elite-Autor IonicThemes, ist die Vorlage, die Sie verwenden können, wenn Sie Ihren WordPress-Blog in eine beeindruckende Android- oder iOS-App konvertieren möchten. Dies ist eines der beliebtesten Themen auf CodeCanyon, und das aus gutem Grund - es hat mehr Funktionen, als Sie sich vorstellen können, großartige Dokumentation und einfach zu lesenden Code.

Neben WordPress-Funktionen bietet diese Vorlage auch Push-Benachrichtigungen, mobile Werbung über Google AdMob und Apple iAd sowie einen In-App-Browser.

3. Material Design UI Ionic

Material Design UI Ionic

Diese Vorlage, die vom Elite-Autor CreativeForm entwickelt wurde, ist für Ionische Entwickler gedacht, die keine Zeit mit dem Entwerfen ihrer Apps verbringen möchten. Es bietet über 60 häufig verwendete Bildschirm-Layouts und fünf schöne UI-Themen. Es hat auch eine gut organisierte Sass-Datei mit Dutzenden von Variablen, die Sie ändern können, um das Aussehen Ihrer App weiter anzupassen.

Damit Sie nicht mehrere Auflösungen von Bildern verarbeiten müssen, enthält diese Vorlage Symbolschriften mit über 800 Symbolen. Wenn Sie Bilder verwenden müssen, unterstützt es auch verschiedene Füllmethoden für sie.

4. IonStore

IonStore

IonStore, von ionicpremium entwickelt, ist eine Vorlage, die Sie unbedingt verwenden sollten, wenn Sie eine E-Commerce-App erstellen.  Es ermöglicht Ihnen, schnell eine schöne App zu erstellen, die sich mit Ihrer WooCommerce-Website verbinden und Daten und Einstellungen daraus abrufen kann. Es unterstützt mehrere Zahlungsmethoden, Sprachen und Währungen. Es ist auch sehr anpassbar und bietet Ihnen eine fein abgestimmte Kontrolle über die Optik Ihrer App. Und als ob das nicht genug wäre, unterstützt es auch Rabatt-Badges, Benutzerregistrierung, Auftragsverfolgung und Push-Benachrichtigungen.

Es ist auch erwähnenswert, dass diese Vorlage sehr gut dokumentiert ist und regelmäßige Updates und Fehlerbehebungen enthält.

5. Catalogue Ionic

Catalogue Ionic

Catalog Ionic, entwickelt von Appseed, ist ein generisches Business-orientiertes Template. Wenn Sie ein Unternehmen betreiben und eine App erstellen möchten, mit der Sie Ihre Produkte präsentieren können, ist diese Vorlage möglicherweise genau das, was Sie benötigen. Darüber hinaus können Sie nützliche Informationen wie die Öffnungszeiten Ihres Shops und Ihre Kontaktmöglichkeiten anzeigen. Wenn Sie WooCommerce bereits verwenden, kann diese Vorlage so konfiguriert werden, dass sie Daten daraus liest.

Die Architektur von Catalog Ionic ist extrem modular. Da es mit einem sehr beliebten Yeoman Generator für das Ionic Framework gebaut wurde, können Sie sicher sein, dass es mehreren Best Practices folgt.

6. Barebone Ionic

Barebone Ionic

Barebone Ionic ist eine große, funktionsreiche Starter-Vorlage, die von Appseed entwickelt wurde. Als Entwickler können Sie damit fast jede Art von Ionic-App starten.  Zum Beispiel können Sie mühelos Apps erstellen, die Daten aus verschiedenen Content-Management-Systemen wie WordPress und Drupal lesen können.  Es kann auch als gute Grundlage für CRUD-orientierte Apps, Instant-Messaging-Apps und E-Commerce-Apps dienen.

Ich sollte auch hinzufügen, dass diese Vorlage vollständig in die APIs mehrerer beliebter Websites wie YouTube, Instagram, Facebook und Vimeo integriert ist.

7. IonChat

IonChat

IonChat ist, wie der Name schon sagt, eine Vorlage, mit der Sie plattformübergreifende Instant Messaging-Apps erstellen können. ionChat wurde von IonCoder entwickelt, das ist eine große Vorlage bietet Dutzende von leistungsstarken Funktionen, z. B. Unterstützung für Gruppengespräche, soziale Anmeldung und die Verwaltung von Freunden.

Diese Vorlage ist nicht nur einfach anpassbar, die von Ihnen erstellten Apps auch von Firebase werden, sondern ein Cloud-basierte Plattform, die von Google unterstützt. Das bedeutet, dass Sie die Firebase-Konsole zum Verwalten Ihrer App-Daten verwenden können.

8. Ionic Framework App

Ionic 2 App

Wenn Sie eine moderne Vorlage mit vielen schönen Seiten und einer Vielzahl nützlicher Funktionen suchen, ist das von gtsopour erstellte Vorlage genau das Richtige für Sie.  SIe wird mit der Hilfe von Ionic 3 gebaut, ist es sehr modular und extrem einfach zu erweitern. In der Tat hat es mehr als 20 Module und mehr als 35 Komponenten!

Die Apps, die Sie mit dieser Vorlage erstellen, können über die REST-API mit Ihrem WordPress-Blog arbeiten. Sie können auch Diagramme, YouTube-Videos, Google Maps und RSS-Feeds anzeigen.  Ein weiteres beeindruckendes Merkmal des Templates ist, dass es ein Barcode-Scanner-Modul hat, mit dem Sie verschiedene Arten von Barcodes scannen können.

9. TapShop

TapShop

Mit TapShop, einer von tapgadget erstellten Vorlage, können Sie mühelos eine E-Commerce-App schaffen, mit der Ihre Nutzer Produkte kaufen und verkaufen können. Es hat alle Funktionen, die Sie von dieser Art von Vorlage erwarten.

Zum Beispiel hat es Bildschirme für Käufer, um verfügbare Produkte zu durchsuchen, Angebote an Anbieter zu stellen und sogar mit Anbietern zu chatten. Ebenso gibt es Bildschirme für Anbieter, um neue Produkte zu posten, Fotos von diesen Produkten hochzuladen und Angebote von Käufern zu bearbeiten.

Aber dieses Template ist mehr als nur Template. Es unterstützt Push-Benachrichtigungen und ist vollständig in AdMob integriert, sodass Sie die damit erstellten Apps einfach monetarisieren können.

10. Restaurant Ionic

Restaurant Ionic

Das von appseed entwickelte Restaurant Ionic Vorlage, die jeden Restaurantbesitzer haben möchte. Apps, die damit erstellt werden, sind mit zahlreichen Funktionen ausgestattet und verfügen über intuitive Benutzeroberflächen, über die Kunden Menüs anzeigen, benutzerdefinierte Bestellungen aufgeben, Sonderangebote lesen und Zustellmethoden auswählen können.  Sie können auch, mit Ihren Kunden mit Push-Benachrichtigungen kommunizieren.

Das Einrichten dieser Vorlage ist ein Kinderspiel. Das heißt, Sie können das Aussehen Ihrer App dramatisch verändern, indem Sie einfach eines der vielen schönen, von Material Design inspirierten Farbthemen auswählen.

11. Ionium

Ionium

Ionium ist eine vielseitige Startervorlage, die von ionicpremium erstellt wurde. Ob Sie eine E-Commerce-App, eine Hotelbuchungs-App, einen Newsreader oder sogar eine Social-Media-App erstellen, mit dieser Vorlage haben Sie alles abgedeckt.  Außerdem können Sie schnell CRUD-orientierte Apps erstellen, die sowohl lokalen als auch Remote-Speicher unterstützen.

Da diese Vorlage Material Design-Komponenten, Animationen und Gesten verwendet, können Sie sicher sein, dass die Apps, die Sie damit erstellen, sehr modern und poliert aussehen werden.

12. IonSocialApp

IonSocialApp

Apps mit sozialen Funktionen sind sowohl in Google Play als auch im App Store von Apple. Wenn Sie  für die Entwicklung Ihr eigenes App interessieren,bietet IonSocialApp eine weitere von IonicThemes entwickelte Vorlage, alles, was Sie benötigen, um das zu schaffen  Es hat Bildschirme, mit denen Benutzer sich anmelden, Beiträge erstellen, Kommentare schreiben und sogar Trendthemen durchsuchen können.

Diese Vorlage enthält auch einige nützliche Funktionen, die die Benutzeroberfläche Ihrer App verbessern können. Zum Beispiel unterstützt es die Pull-to-Refresh-Geste, das unbegrenzte Scrollen und die native Sharing-Funktionalität.

13. Mobionic

Mobionic

Mobionic, entwickelt von gtsopour, ist ein weiteres Mehrzweck-Template mit vielen guten Funktionen. Es ist in WordPress integriert und unterstützt die serverseitige Paginierung von Posts.  Es hat auch mehrere Layouts für den Startbildschirm Ihrer App. Die neueste Version dieser Vorlage ist vollständig in die YouTube-API integriert, sodass Sie videobasierte Apps erstellen können.

Es unterstützt Push-Benachrichtigungen für die Android- und iOS-Plattformen.

14. IcyMobi

IcyMobi

IcyMobi, von inspireheme, ist ein One-Stop-Shop für all Ihre E-Commerce-App-Entwicklungsbedürfnisse. Mit dieser Vorlage können Sie Apps erstellen, die viele bekannte Zahlungsmethoden, Auftragsverfolgung, Bestandsverwaltung und Push-Benachrichtigungen unterstützen.

Sie können auch mit mehreren E-Commerce-Plattformen wie PrestaShop, WooCommerce und Magento interagieren. Wenn Sie möchten, dass Ihre App Beiträge aus Ihrem WordPress-Blog anzeigt, können Sie das auch mit dieser Vorlage tun. 

15. Daily News

Daily News

Daily News wurde von tdmobile entwickelt , einfach zu verwendende Vorlage ermöglicht das Erstelen von WordPress-basierten Nachrichten-Apps. Zusätzlich zu einem schönen Startbildschirm verfügt diese Vorlage über Bildschirme zum Anzeigen von Fotogalerien, Suchergebnissen, Kommentaren, Lesezeichen und mehr.

Darüber hinaus verfügt es über verschiedene nachrichtenbezogene Funktionen wie z. B. die Sendungsverfolgung, Analysen und das segmentierte Targeting.

Schlusswort

In diesem Artikel haben Sie 15 Premium-Ionic-Vorlagen kennengelernt, mit denen Sie den Entwicklungsprozess Ihrer App beschleunigen können.  Beschränken Sie sich jedoch nicht nur auf diese, da CodeCanyon Hunderte solcher Vorlagen enthält. Also, worauf wartest Du? Schnapp dir jetzt eine Vorlage und baue!

Und wenn Sie mehr über ionische oder App-Vorlagen erfahren möchten, haben wir hier bei Envato Tuts + viele tolle Tutorials und Kurse!


Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.