Flutter-Library mit UI-Bausteinen, die kein bestimmtes Design-System voraussetzen.
Veröffentlicht auf pub.dev, aktuell Version 3.2.1.
Snapshot
Autor der Library
category
status
stack
code
Wiederkehrende UI-Bausteine wurden in jedem Projekt neu gebaut und dabei fest an das jeweilige Design-System gebunden.
Library mit design-system-agnostischen Komponenten, Custom-Painter-Widgets, adaptivem Theming und responsiven Layouts.
Agnostisch bleibt eine Library nur, wenn das Theming konsequent von außen kommt.
Sammlung wiederverwendbarer Flutter-Komponenten ohne Bindung an ein bestimmtes Design-System. Enthält Custom-Painter-Widgets, animierte Übergänge, responsive Layouts und Theming, das von außen gesetzt wird.
Die Bibliothek setzt bewusst nicht auf Material Design auf. Statt Material-Widgets zu überschreiben, bringt sie eigene Grundbausteine mit — UiApp, UiScaffold, UiButton und so weiter — und ein eigenes Theme-Objekt, das alle Komponenten lesen.
Daraus folgt der Aufbau:
lib/src/components/ — 89 Einzelkomponenten, jede in einem eigenen Ordner.lib/src/designs/ — acht Design-Presets (Aurora, Cyberpunk, Glass, Minimal, Neon, Pastel, Retro, Terminal). Ein Preset ist ein vollständiges Theme, kein Farbschema-Aufsatz.lib/src/{auth,chat,dashboard,ecommerce,social,settings}/ — sechs fertige App-Module, die aus den Komponenten ganze Bildschirme bauen.lib/src/effects/, animation/, transitions/ — sieben visuelle Effekte und die Bewegungslogik.lib/src/responsive/ — Breakpoints und adaptive Layouts, damit derselbe Widget-Baum auf Handy, Tablet und Desktop trägt.Der Kernpunkt: derselbe Widget-Baum, nur ein anderes Theme — und die App sieht anders aus. Das wird mit Golden-Tests festgehalten, die die Showcase-Screens je Preset und Breakpoint als Bild vergleichen.
89 Bausteine von Button, Textfeld und Tabelle über Kalender und Command Palette bis Chat-Bubble — alle ohne Material-Abhängigkeit.
Acht vollständige Themes: Aurora, Cyberpunk, Glass, Minimal, Neon, Pastel, Retro, Terminal. Umschalten ändert die App, nicht den Code.
Auth, Chat, Dashboard mit Charts, E-Commerce mit Warenkorb und Checkout, Social und Settings — fertige Bildschirme statt einzelner Widgets.
Sieben Effekte (Count-Up, Glow, Gradient-Text, Pulse, Shimmer, Stagger, Typewriter) plus eigene Übergangslogik.
Breakpoints und adaptive Bodies, damit ein Widget-Baum Handy, Tablet und Desktop trägt.
Die Showcase-Screens werden je Preset und Breakpoint als Bild verglichen. Ein geändertes Theme, das ein Layout bricht, fällt im Test auf.
Der bequeme Weg wäre, Material-Widgets zu nehmen und sie umzufärben. Dann bleibt aber Materials Verhalten drin — Ripple, Elevation, Typografieregeln — und ein Preset wie Terminal oder Glass wirkt wie ein verkleideter Material-Button.
Eigene Grundbausteine bis hinunter zu App und Scaffold, mit einem eigenen Theme-Objekt als einziger Quelle für Farben, Radien, Abstände und Bewegung. Das kostet am Anfang mehr Arbeit, macht die Presets aber überhaupt erst möglich.
Bei acht Presets und 89 Komponenten fällt es nicht auf, wenn eine Änderung genau in Terminal-Dark ein Layout zerlegt. Von Hand durchklicken ist bei der Menge keine Kontrolle.
Golden-Tests über die Showcase-Screens, aufgenommen je Preset und Breakpoint. Eine Abweichung ist ein Testfehler mit Bild, kein Bericht Wochen später.
UI-SDK von Google für cross-platform Apps (iOS, Android, Web, Desktop).
frameworkOptimierte Client-Sprache für Flutter, mit AOT/JIT-Compile.
languageProjektabhängigkeit
Projektabhängigkeit
Projektabhängigkeit
Projektabhängigkeit