https://github.com/flutter-news-app-full-source-code/ui-kit
A shared Flutter UI kit providing a consistent set of widgets, themes, constants, and utilities for the Flutter News App Toolkit.
https://github.com/flutter-news-app-full-source-code/ui-kit
Last synced: 4 months ago
JSON representation
A shared Flutter UI kit providing a consistent set of widgets, themes, constants, and utilities for the Flutter News App Toolkit.
- Host: GitHub
- URL: https://github.com/flutter-news-app-full-source-code/ui-kit
- Owner: flutter-news-app-full-source-code
- License: other
- Created: 2025-07-14T07:34:11.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2026-02-03T00:08:21.000Z (4 months ago)
- Last Synced: 2026-02-08T08:55:31.022Z (4 months ago)
- Language: Dart
- Homepage:
- Size: 69.3 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
UI Kit
A shared Flutter UI kit providing a consistent set of widgets, themes, constants, and utilities for the Flutter News App Toolkit.
This `ui_kit` package serves as a shared Flutter UI kit within the [**Flutter News App Full Source Code Toolkit**](https://github.com/flutter-news-app-full-source-code). It provides a consistent set of widgets, themes, constants, and utilities designed to ensure a cohesive look and feel across the Flutter mobile app and web dashboard. By centralizing UI components and styling, this package aims to accelerate development and enhance maintainability.
## ⭐ Feature Showcase: Consistent & Dynamic User Interfaces
This package offers a comprehensive set of features for building modern Flutter UIs.
🧱 Core Functionality
### 🚀 State Widgets
- **`InitialStateWidget`:** A pre-built widget for displaying initial states, typically before user interaction or data loading.
- **`LoadingStateWidget`:** A widget for indicating progress during data fetching or other asynchronous operations.
- **`FailureStateWidget`:** A robust widget for showing user-friendly, localized error messages with an optional retry mechanism, leveraging `HttpException` extensions from `core`.
### 🎨 Dynamic Theming
- **`lightTheme` & `darkTheme` Functions:** Built with `flex_color_scheme`, these functions provide dynamic, customizable, and consistent light/dark themes across the app based on user settings (e.g., `AppBaseTheme`, `AppAccentTheme`, `AppTextScaleFactor`, `AppFontWeight`).
- **`AppSpacing` Constants:** Centralized constants for spacing to ensure consistent layouts and visual hierarchy.
### 🌐 Localization Helpers
- **`HttpException` Extension:** An extension on `HttpException` (from `core`) to provide user-friendly, localized error messages, simplifying error presentation.
- **`timeago` Integration:** Custom `timeago` messages for concise relative time formatting, enhancing readability of timestamps.
### 🛠️ Utilities
- **`DateFormatter`:** Helper class for common date and time formatting tasks, ensuring consistent date representations throughout the application.
> **💡 Your Advantage:** This UI kit simplifies Flutter development by providing visual consistency, dynamic theming, and robust error presentation. It centralizes UI components, contributing to faster development and improved maintainability.
## 🔑 Licensing
This source code is licensed for commercial use and is provided for local evaluation. A **Lifetime Commercial License** is required for any production or public-facing application.
Please visit the main [Flutter News App Full Source Code Toolkit](https://github.com/flutter-news-app-full-source-code) organization page to review the full license terms and to purchase.