/flutter/flutter_ui_collection/Active/v3.2.1

flutter_ui_collection

Komplettes Flutter-UI-Framework ohne Material Design: 89 Komponenten, 6 App-Module, 8 Design-Presets, ein Import, ein Theme.

pub.dev Source

$flutter pub add flutter_ui_collection

iosandroidwebmacoswindowslinuxflutter

flutter package

Snapshot

flutter_ui_collection

flutter pub add flutter_ui_collection

status

Active

version

v3.2.1

score

150/160

platforms

iosandroidwebmacoswindowslinuxflutter

Package öffnen

Features

features.md

→89 Kern-Komponenten: Input, Formulare, Daten, Navigation, Overlays, Medien, Layout, Datum und Zeit
→6 App-Module: Auth, Chat, Dashboard, E-Commerce, Social, Settings
→8 Design-Presets, je hell und dunkel, plus 7 visuelle Effekte
→Unabhängig von Material Design, ein Import und ein Theme
→Diagramme als reines CustomPaint ohne Fremdpaket
→Golden-Tests für Desktop, Tablet und Handy

Dokumentation

README.md

Ein UI-Framework für Flutter, das ohne Material Design auskommt. 89 Kern-Komponenten vom App-Shell über Formulare, Tabellen, Navigation, Overlays, Medien und Kalender bis zu Interaktionen wie Swipe, Reorder und Onboarding. Dazu sechs fertige Module: Auth (Login, Registrierung, OTP, Social Login), Chat (Chatraum, Nachrichten, Tipp-Anzeige, Antwort-Vorschau), Dashboard (Balken-, Linien- und Kreisdiagramme als reines CustomPaint, KPI-Zeilen, Aktivitätsfeed), E-Commerce (Produktkarten, Warenkorb, Bestellstatus), Social (Posts, Kommentare, Stories, Profil) und Settings.

Acht Design-Presets, jeweils hell und dunkel, dazu sieben visuelle Effekte. Jeder Screen ist derselbe Widget-Baum, nur das Theme wechselt. Golden-Tests sichern das Rendering für Desktop, Tablet und Handy.

Veröffentlicht auf pub.dev unter MIT-Lizenz. Alle Screenshots stammen aus der Beispiel-App im Repo.

Code-Beispiele

Installation

dependencies:
  flutter_ui_collection: ^3.2.1

Quick Start

import 'package:flutter_ui_collection/flutter_ui_collection.dart';

void main() {
  runApp(UiApp(
    theme: NeonTheme.dark,
    darkTheme: NeonTheme.dark,
    home: UiScaffold(
      appBar: UiAppBar(title: Text('My App')),
      body: Center(child: UiButton(label: 'Hello', onPressed: () {})),
    ),
  ));
}

Veröffentlicht auf pub.dev unter MIT-Lizenz. Alle Screenshots stammen aus der Beispiel-App im Repo.

import 'package:flutter_ui_collection/flutter_ui_collection.dart'; void main() { runApp(UiApp( theme: NeonTheme.dark, darkTheme: NeonTheme.dark, home: UiScaffold( appBar: UiAppBar(title: Text('My App')), body: Center(child: UiButton(label: 'Hello', onPressed: () {})), ), )); }