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/
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/
Show More >
Flutter Material 3 Design Kit / What's New in vUnknown
Flutter Material 3 Design Kit Ver 1.1 ๐
Try it yourself ๐ฑ
Share code ๐
Run code โถ๏ธ
Try it yourself ๐ฑ
Share code ๐
Run code โถ๏ธ