material_dev_tools 0.0.6
material_dev_tools: ^0.0.6 copied to clipboard
Enhances the development workflow by offering real-time previews of Material components
Material Dev Tools #
Material Dev Tools is a Flutter package designed to enhance your development workflow by offering real-time previews of Material Design components. This tool helps developers inspect, tweak, and test UI elements efficiently, making it easier to build beautiful and consistent Material Design applications.
β¨ Features #
- π Live Previews β Instantly see changes to Material components.
- π¨ Theme Customization β Adjust themes dynamically.
- π Component Inspector β Debug UI elements with ease.
- β‘ Hot Reload Support β Seamlessly integrate into your Flutter workflow.
π Installation #
Add material_dev_tools
to your pubspec.yaml
:
dev_dependencies:
material_dev_tools: latest_version
Then run:
flutter pub get
π Usage #
Ensure your app is wrapped with MaterialApp
, setting theme
and darkTheme
, and using Scaffold
in your UI:
import 'package:flutter/material.dart';
void main() {
runApp(
MaterialApp(
theme: ThemeData.light(),
darkTheme: ThemeData.dark(),
home: Scaffold(
appBar: AppBar(title: Text('Material Dev Tools')),
body: Center(child: Text('Hello, world!')),
),
),
);
}
π Documentation #
Open Dart DevTools, and you'll see live previews of Material components with your theming applied. No extra setup required!
π― Contributing #
Contributions are welcome! Feel free to open issues and pull requests.
π License #
This project is licensed under the MIT License.