Zum Hauptinhalt springen

Befehlsmenü

Zu einer Seite springen oder den Katalog durchsuchen

Flutter UI Kit: App Vorlagen mit Quellcode

Flutter UI Kit oder App-Vorlage mit Quellcode kaufen: was du vor dem Bezahlen im Code prüfst, nach App-Typ, mit Preisen, Lizenzen und Dart-Versionen.

6 Min. Lesezeit
1.073 Wörter
Flutter UI Kit: App Vorlagen mit Quellcode

Ein Flutter UI Kit ist ein Satz fertiger Screens und Widgets in Dart, eine Flutter-App-Vorlage geht weiter und bringt Logik, Navigation und oft ein Backend mit. Bevor du für eines davon zahlst, prüf fünf Dinge im Quellcode: auf welchen Flutter- und Dart-Versionen es aufbaut, welches State Management es nutzt, welches Backend es erwartet, ob es nur Screens oder eine laufende App ist und was die Lizenz erlaubt. Hier gehen wir diese Prüfungen nach App-Typ durch, mit den Preisen auf Getly heute.

Was es auf Getly gerade gibt

Wir haben den Katalog am 4. November 2026 gemessen. Zwei Zahlenreihen, die Verschiedenes beschreiben:

  • Flutter-Angebote. Angebote mit „flutter“ im Namen: 18. Das sind überwiegend komplette Projekte mit Quellcode, und die Preise zeigen es. Die mittlere Hälfte kostet zwischen 31,24 $ und 210 $, der Median liegt bei 95 $. Keines ist kostenlos. Bei 88,9 % ist keine Lizenz angegeben, 11,1 % haben eine kommerzielle.
  • Das ganze Regal. Android-App-Vorlagen, mobile Apps und Software zusammen: 493 Angebote, Median 14,90 $, mittlere Hälfte 5 $ bis 44,98 $, 2 % kostenlos. Hier ist bei 55,6 % keine Lizenz angegeben, 20,1 % sind kommerziell, 20,3 % privat lizenziert. In diesem Regal stehen Vorlagen in vielen Technologien neben Tools, Plugins und Lizenzschlüsseln.

Merk dir die Lizenzzahl. Fast neun von zehn Flutter-Angeboten sagen nicht, was du mit dem Code machen darfst. Wenn du eine App unter deinem Namen in den Store bringen willst, fragst du das vor dem Kauf, jedes Mal.

UI Kit oder komplette App-Vorlage

UI KitApp-Vorlage
InhaltScreens, Widgets, Theme, BeispieldatenScreens plus Navigation, State, API-Aufrufe, oft ein Admin-Panel
BackendKeins, Daten stehen im CodeFirebase, Supabase, eine REST-API oder Servercode des Verkäufers
Was dir bleibtDie ganze Logik, Daten, Login, ZahlungenKonfiguration, Branding, deine Inhalte, Veröffentlichung im Store
Typisches RisikoScreens sehen fertig aus, dahinter ist nichtsVeraltete Pakete und ein Backend, das du selbst betreiben musst

Such in der Beschreibung nach „fully functional“, „with backend“, „admin panel“ oder „UI only“. Steht nichts davon da, geh davon aus, dass es nur die Oberfläche ist.

Prüfungen am Quellcode vor dem Kauf

Flutter- und Dart-Version

Bitte um die Datei pubspec.yaml oder such sie in den Screenshots. Die Zeile environment: sdk: verrät die Dart-Version. Ein Projekt unter Dart 3 stammt aus der Zeit vor der aktuellen Sprachversion und braucht eventuell echte Migrationsarbeit. Schau auch auf das letzte Update: Flutter entwickelt sich schnell, und ein Kit, das zwei Jahre niemand angefasst hat, zeigt beim ersten Build viele Warnungen.

Abhängigkeiten

Der Block dependencies: in pubspec.yaml listet alle Pakete. Achte auf drei Dinge: sehr alte fixierte Versionen, eingestellte Pakete und viele Pakete für Kleinigkeiten. Jedes davon ist ein künftiges Update. Ein Kit mit einer kurzen, aktuellen Liste altert besser.

State Management

Provider, Riverpod, Bloc und GetX funktionieren alle, sind aber nicht austauschbar. Nutzt dein Team schon eines davon, nimm ein Kit, das darauf aufbaut. Das State Management in einer fertigen App zu wechseln kostet mehr als das Kit.

Struktur

Such eine Ordnerstruktur, die Screens, Widgets, Models und Services trennt. Eine riesige main.dart oder API-Aufrufe direkt in build-Methoden heißen: Für neue Features schreibst du um.

Plattformen

Flutter baut für Android, iOS, Web und Desktop, aber ein Kit ist nur dort getestet, wo der Verkäufer es sagt. Brauchst du iOS, prüf, ob es in der Beschreibung steht und ob das Projekt einen ios-Ordner mit Einrichtungsanleitung hat.

Eine Demo, die läuft

Der beste Beweis ist eine Demo-APK, ein Web-Build oder ein Video der App in Benutzung, nicht nur Screenshots. Screenshots zeigen das Design, eine Demo zeigt, dass Navigation, Formulare und Ladezustände funktionieren.

Dokumentation

Du willst eine Anleitung, wie du das Paket umbenennst, App-Icon und Splash-Screen tauschst, deine API-Schlüssel oder dein Firebase-Projekt einträgst und einen Release baust. Ohne sie verbringst du den ersten Tag mit Raten.

Assets

Schriften, Illustrationen, Icons und Fotos im Kit haben eigene Lizenzen. Prüf, ob sie für die kommerzielle Nutzung enthalten sind, oder plan ein, sie zu ersetzen.

Nach App-Typ: worauf du achtest

App-TypNötige ScreensZusätzlich prüfen
OnlineshopKatalog, Produkt, Warenkorb, Checkout, Bestellungen, ProfilWelches Zahlungs-SDK, falls vorhanden, und ob Bestand und Bestellungen aus einem echten Backend kommen
Essens- oder LebensmittellieferungRestaurants oder Läden, Menü, Warenkorb, BestellverfolgungEigene Apps für Fahrer und Laden, Kartenpaket und sein API-Schlüssel
Taxi oder TransportKarte, Abhol- und Zielort, Fahrtstatus, FahreransichtStandort in Echtzeit und welcher Kartenanbieter nötig ist
ReisebuchungSuche, Ergebnisse, Details, Buchung, ReisenDatumsauswahl und ob Preise aus einer API oder Beispieldaten kommen
Chat oder SocialUnterhaltungen, Chat, Profil, BenachrichtigungenEchtzeit-Backend und Einrichtung der Push-Nachrichten
Fitness oder GesundheitPläne, Training, FortschrittsdiagrammeDiagrammpaket und ob Daten lokal oder online liegen
Finanzen oder WalletKontostand, Umsätze, Karten, ÜberweisungenSichere Speicherung; behandle es als reine Oberfläche, bis das Gegenteil belegt ist

Auf Getly kannst du dir das Gradient Transport App Template (7 $) und das Gradient Travel App Template New UI (5 $) ansehen, zwei App-Vorlagen für die Typen Transport und Reisen aus der Tabelle. Ihre Namen verraten nicht, mit welchem Framework sie gebaut sind: Lies also Beschreibung und Dateiliste vor dem Kauf und mach dieselben Prüfungen.

Lizenzen für Quellcode

Bei App-Quellcode entscheidet die Lizenz, was du veröffentlichen darfst. Diese Fragen klärst du schriftlich, auf der Produktseite oder per Nachricht an den Verkäufer:

  • Darfst du eine App auf dieser Basis unter deinem Namen in den Stores veröffentlichen?
  • Eine App oder mehrere? Viele Code-Lizenzen decken nur ein Endprodukt ab.
  • Darfst du sie für einen Kunden bauen, dem die App dann gehört?
  • Darfst du in der App Geld verlangen oder Werbung zeigen?
  • Was nie erlaubt ist: den Quellcode selbst weiterzuverkaufen oder weiterzugeben, ob unverändert oder leicht angepasst.

Weil die meisten gemessenen Flutter-Angebote keine Lizenz nennen, frag vorher. Eine kurze schriftliche Antwort des Verkäufers bewahrst du am besten mit dem Kauf auf.

Nach dem Download

  1. flutter pub get und flutter analyze ausführen. Warnungen zählen.
  2. Auf einem echten Gerät bauen und starten, nicht nur im Emulator.
  3. Paketname und App-ID umbenennen, bevor du eigenen Code schreibst.
  4. Beispielschlüssel und Endpunkte durch deine ersetzen. Nie mit den Testschlüsseln des Verkäufers veröffentlichen.
  5. Das Original in die Versionsverwaltung legen, damit du jederzeit vergleichen kannst.

Kaufen auf Getly

Du zahlst per Karte, mit Apple Pay oder Google Pay, wenn dein Gerät das unterstützt, oder mit den Stablecoins USDT/USDC. PayPal wird nicht akzeptiert. Ein Konto brauchst du nicht. Bei Kartenzahlung bekommst du die Dateien direkt nach der Zahlung, und die Quittungs-E-Mail enthält einen Download-Link für jede Datei. Jeder Shop legt eine Rückgabefrist von mindestens 30 Tagen fest. Weitere Vorlagen findest du bei den Android-App-Vorlagen und den mobilen Apps.

Bereit zu starten?

Unabhängiger Marktplatz für digitale Creators. Behalte 80–90 % von jedem Verkauf. Akzeptiere Karten und Stablecoins.