Material 3 is Google's latest design language for the Flutter Material library, introducing updated components, dynamic color schemes, and adaptive layouts.
- Theme Switching: Toggle between Material 2 and Material 3, with light and dark theme options.
- Dynamic Color Palette: Generate a full color scheme from a single seed color, displayed in both light and dark modes.
- Adaptive Layout: Adjusts UI based on screen size for optimal user experience.
- Updated Components:
- AppBar
- Buttons
- Floating Action Button (FAB)
- Card
- Dialog
- NavigationBar
- NavigationRail
- Color Screen: Showcases the complete color scheme derived from a seed color.
- Typography Screen: Displays text styles from the default TextTheme.
- Elevation Screen: Demonstrates the
surfaceTintColorfeature in the Material library.
- Explore the Demo: Download the sample Flutter app to interact with Material 3 features.
- Learn More: Visit Material 3 Guidance for detailed documentation and design guidelines.
.jpeg){kind=link}
.jpeg){kind=link}
.jpeg){kind=link}
.jpeg){kind=link}
.jpeg){kind=link}