https://github.com/boltuix/material3

Material 3 is a new design language by Google for the Flutter Material library.
https://github.com/boltuix/material3

boltuix flutter flutter-apps flutter-demo flutter-examples flutter-ui flutter-web material material-design material-ui material3 material3-components

Last synced: 10 months ago
JSON representation

Material 3 is a new design language by Google for the Flutter Material library.

• Host: GitHub
• URL: https://github.com/boltuix/material3
• Owner: BoltUIX
• Created: 2023-04-01T02:35:08.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2025-07-20T16:58:27.000Z (11 months ago)
• Last Synced: 2025-07-20T18:27:44.719Z (11 months ago)
• Topics: boltuix, flutter, flutter-apps, flutter-demo, flutter-examples, flutter-ui, flutter-web, material, material-design, material-ui, material3, material3-components
• Language: Dart
• Homepage: https://www.boltuix.com/2023/03/discovering-material-3-sample-flutter.html
• Size: 483 KB
• Stars: 6
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Material 3 Demo App

## Overview

Material 3 is Google's latest design language for the Flutter Material library, introducing updated components, dynamic color schemes, and adaptive layouts.

![Flutter](https://img.shields.io/badge/Flutter-%5E2.19.3-blue?logo=flutter)

![Dart](https://img.shields.io/badge/Dart-%5E2.19.3-blue?logo=dart)

![Version](https://img.shields.io/badge/version-1.0.0+1-green)

![License](https://img.shields.io/badge/license-MIT-orange)

![Build Status](https://img.shields.io/badge/build-passing-brightgreen)

![GitHub Issues](https://img.shields.io/github/issues/BoltUIX/material3)

![GitHub Stars](https://img.shields.io/github/stars/BoltUIX/material3?style=social)

## Features

- **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 `surfaceTintColor` feature in the Material library.

## Getting Started

1. **Explore the Demo**: Download the sample Flutter app to interact with Material 3 features.

2. **Learn More**: Visit [Material 3 Guidance](https://m3.material.io/) for detailed documentation and design guidelines.

## Screenshots

![Material 3 Demo](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj01C14bX1Q213CfVoL55Pgr4qXeO2u32h9Q8EP3NUR03kawQcTD0uCnYhy7gBjF9GRw-GTBSsoXupgPDGSiAgqHWdHQu4noYywAuMynsH_t4B73xhKG9XXIpwE9zuteKYl5z22XwkCXYHbF-YzNCq9oOjL-mGcIVMooqMDuvg-Pj7_AViNsbG8dPRb/s16000/material3.jpg)

## Resources

- [Demo Source and Guidance](https://m3.material.io/)

- [Blog Post](https://www.boltuix.com/2023/03/discovering-material-3-sample-flutter.html)

- [Flutter Boltuix App Template](https://codecanyon.net/item/flutter-boltuix-app-template-2025-premium-flutter-material-design-uix/56270499)