Flutter Material 3 Design Kit

1K+
Downloads
Content rating
Everyone
Screenshot image
Screenshot image
Screenshot image
Screenshot image
Screenshot image
Screenshot image
Screenshot image

About this app

Dive into the world of Flutter with our comprehensive Material 3 Design Kit! Our app meticulously follows the Material Design 3 guidelines, providing a rich assortment of demos that highlight Flutter's unparalleled versatility. From essential components like app bars, bottom navigation, and navigation drawers to advanced features such as date pickers, snackbar notifications, and complex navigation transitions, our kit covers it all. Whether you're crafting a sleek Material-themed interface or embracing the iOS-inspired Cupertino aesthetic, our kit offers a plethora of widgets and design elements to elevate your app's user experience. With support for Google Fonts, responsive layouts, and seamless transitions, our kit empowers developers to create stunning, intuitive applications for both Android and iOS platforms. Explore the possibilities of Flutter today with our Material 3 Design Kit! ๐ŸŽจโœจ

Flutter Material 3 Design Kit ๐ŸŽจ

App bar ๐Ÿ“ฑ
Bottom app bar โฌ‡๏ธ
Bottom navigation ๐Ÿšถโ€โ™‚๏ธ
Navigation drawer ๐Ÿ—„๏ธ
Navigation rail ๐Ÿš‹
Tabs ๐Ÿ“‘
Elevated Button ๐Ÿ”ผ
Filled Button ๐ŸŸฆ
Filled Tonal Button ๐ŸŸฆ
Outlined Button ๐Ÿ›‘
Text Button ๐Ÿ” 
Bottom navigation ๐Ÿšถโ€โ™‚๏ธ
Navigation drawer ๐Ÿ—„๏ธ
Navigation rail ๐Ÿš‹
Tabs ๐Ÿ“‘
Elevated Button ๐Ÿ”ผ
Filled Button ๐ŸŸฆ
Filled Tonal Button ๐ŸŸฆ
Outlined Button ๐Ÿ›‘
Text Button ๐Ÿ” 
Text Gradient Button ๐ŸŒˆ
FAB Regular ๐Ÿ’ก
FAB Small ๐Ÿ’ก
FAB Large ๐Ÿ’ก
FAB Demo ๐Ÿ’ก
FAB Color Mappings ๐Ÿ’ก
FAB extended ๐Ÿ’ก
Icon Button ๐Ÿ”˜
Icon toggle Button ๐Ÿ”˜
Segmented Button ๐Ÿ”
Menus ๐Ÿฝ๏ธ
Date pickers ๐Ÿ“…
Time pickers โฐ
Snackbar ๐Ÿ”
Filled Text fields โœ๏ธ
Outlined Text fields โœ๏ธ
Common Text fields โœ’๏ธ
Action chips ๐ŸŸ
Choice chip โœ”๏ธ
Filter chip ๐Ÿ”
Input chip ๐Ÿ’ฌ
Checkbox โœ…
Switch ๐Ÿ”€
Radio button ๐Ÿ”˜
Sliders ๐ŸŽš๏ธ
Banner ๐ŸŽ
Tooltips โ„น๏ธ
Data tables ๐Ÿ“Š
Progress indicator ๐Ÿ”„
Divider โž–
Dialog Licenses ๐Ÿ’ฌ
Dialogs ๐Ÿ’ฌ
Bottom sheet Modal ๐Ÿ›Œ
Bottom sheet Persistent ๐Ÿ›Œ
Lists ๐Ÿ“
Grid lists ๐Ÿ“Š
Badges ๐ŸŽ–๏ธ
Navigation transitions ๐Ÿš€
Typography ๐Ÿ–‹๏ธ
Elevation โฌ†๏ธ
Stepper ๐Ÿšถ
ListTile ๐Ÿ“‹
Icons ๐Ÿ”ค
Animated Icons ๐Ÿ”„
ExpansionPanel ๐Ÿ“
Colors ๐ŸŽจ
Onboarding ๐Ÿš€
Imagery ๐Ÿ“ธ
Elevation โฌ†๏ธ
Stepper ๐Ÿšถ
ListTile ๐Ÿ“‹
Icons ๐Ÿ”ค
Animated Icons ๐Ÿ”„
ExpansionPanel ๐Ÿ“
Colors ๐ŸŽจ
Onboarding ๐Ÿš€
Imagery ๐Ÿ“ธ
Responsive and Adaptive ๐Ÿ“ฑ
Launch screen ๐Ÿš€
Empty states โŒ
Fade Scale Transition ๐Ÿ”„
Fade Through Transition ๐Ÿ”„
Shared X Axis Transition โ†”๏ธ
Open Container Transform ๐Ÿ”„
Google Fonts ๐Ÿ…ฐ๏ธ
Cupertino Activity indicator โŒ›
Cupertino Alert Dialog ๐Ÿ’ฌ
Cupertino Action Sheet ๐Ÿ’ฌ
Cupertino Buttons ๐Ÿ”˜
Cupertino Context menu ๐Ÿ“‹
Cupertino Date Picker ๐Ÿ“…
Cupertino Time Picker โฐ
Cupertino Time Picker โฐ
Cupertino Navigation Bar ๐Ÿ“ฑ
Cupertino Picker ๐Ÿ“…
Cupertino Scrollbar ๐Ÿ“œ
Cupertino TextField โœ๏ธ
Cupertino Search TextField ๐Ÿ”
Cupertino Switch ๐Ÿ”€
Cupertino Segmented control ๐Ÿ”
Cupertino Slider ๐ŸŽš๏ธ
Cupertino TabBar ๐Ÿ“‘

WEB:
https://boltuix.github.io/
Updated on
Jul 26, 2025

Data safety

Safety starts with understanding how developers collect and share your data. Data privacy and security practices may vary based on your use, region, and age. The developer provided this information and may update it over time.
No data shared with third parties
Learn more about how developers declare sharing
No data collected
Learn more about how developers declare collection

Whatโ€™s new

* Flutter Material 3 Design Kit
* Flutter Boltuix App Template / 2025 Premium Flutter Material Design UIX

Available on CodeCanyon