flooding_app_design_system 0.0.2
flooding_app_design_system: ^0.0.2 copied to clipboard
flooding_app_design_system.
Flooding Design System #
The Flooding Design System is a modern UI toolkit designed to help developers build consistent and visually appealing Flutter applications. It offers pre-designed components, utilities, and design guidelines to ensure a unified design language across your projects.
Features #
- π Customizable UI Components: Reusable and themeable widgets for rapid development.
- π¨ Design Tokens: Predefined styles, including colors, typography, and spacing, for consistent and cohesive designs.
- π Responsive Design Utilities: Simplify creating layouts that adapt to various screen sizes.
- π Integration Ready: Seamless compatibility with Flutter's core libraries and popular packages.
Getting Started #
-
Add the package to your
pubspec.yamlfile:dependencies: flooding_design_system: ^1.0.0 -
Run the following command to fetch the package:
flutter pub get -
Import the package in your Dart code:
import 'package:flooding_design_system/flooding_design_system.dart';
Usage #
Hereβs a quick example to get you started:
import 'package:flooding_design_system/flooding_design_system.dart';
void main() {
runApp(
MaterialApp(
theme: FloodingTheme.light, // Apply Flooding's light theme
home: Scaffold(
appBar: FloodingAppBar(title: Text('Welcome to Flooding')),
body: Center(
child: FloodingButton(
onPressed: () {
print('Button pressed!');
},
label: 'Get Started',
),
),
),
),
);
}
For more detailed examples, check the /example directory in the repository.
Additional Information #
The Flooding Design System is an open-source project. We welcome contributions, feedback, and bug reports from the community. Visit our GitHub repository to file issues or contribute to the project.
If you have any questions or need assistance, feel free to reach out. Thank you for choosing the Flooding Design System for your Flutter projects! π