Flutter Material 3 Design Kit

BOLT UIX

ກ່ຽວກັບແອັບນີ້

ເຂົ້າສູ່ໂລກຂອງ Flutter ດ້ວຍ Material 3 Design Kit ທີ່ສົມບູນແບບຂອງພວກເຮົາ! ແອັບຂອງພວກເຮົາປະຕິບັດຕາມຄຳແນະນຳການອອກແບບວັດສະດຸ 3 ຢ່າງລະມັດລະວັງ, ສະໜອງການສາທິດຫຼາກຫຼາຍຊະນິດທີ່ເນັ້ນໃຫ້ເຫັນເຖິງຄວາມຄ່ອງແຄ້ວທີ່ບໍ່ມີໃຜທຽບເທົ່າຂອງ Flutter. ຈາກອົງປະກອບທີ່ສໍາຄັນເຊັ່ນແຖບ app, ການນໍາທາງລຸ່ມ, ແລະລິ້ນຊັກນໍາທາງໄປສູ່ຄຸນສົມບັດຂັ້ນສູງເຊັ່ນ: ຕົວເລືອກວັນທີ, ການແຈ້ງເຕືອນແຖບອາຫານຫວ່າງ, ແລະການປ່ຽນແປງການນໍາທາງທີ່ສັບສົນ, ຊຸດຂອງພວກເຮົາກວມເອົາມັນທັງຫມົດ. ບໍ່ວ່າທ່ານຈະສ້າງສ່ວນຕິດຕໍ່ກັບຮູບແບບວັດສະດຸທີ່ຫຼູຫຼາ ຫຼືຮັບເອົາຄວາມງາມຂອງ Cupertino ທີ່ໄດ້ຮັບແຮງບັນດານໃຈຈາກ iOS, ຊຸດຂອງພວກເຮົາໃຫ້ widget ແລະອົງປະກອບການອອກແບບຫຼາຍຢ່າງເພື່ອຍົກລະດັບປະສົບການຜູ້ໃຊ້ຂອງແອັບຯຂອງທ່ານ. ດ້ວຍການຮອງຮັບ Google Fonts, ການຈັດວາງແບບຕອບສະໜອງ, ແລະການຫັນປ່ຽນຢ່າງບໍ່ຢຸດຢັ້ງ, ຊຸດຂອງພວກເຮົາເຮັດໃຫ້ຜູ້ພັດທະນາສາມາດສ້າງແອັບພລິເຄຊັນທີ່ໜ້າຕື່ນຕາຕື່ນໃຈ, ນຳໃຊ້ໄດ້ທັງລະບົບ Android ແລະ iOS. ສຳຫຼວດຄວາມເປັນໄປໄດ້ຂອງ Flutter ໃນມື້ນີ້ດ້ວຍ Material 3 Design Kit ຂອງພວກເຮົາ! 🎨✨

Flutter Material 3 ຊຸດອອກແບບ 🎨

ແຖບແອັບ 📱
ແຖບແອັບດ້ານລຸ່ມ ⬇️
ການນໍາທາງລຸ່ມ 🚶‍♂️
ລີ້ນຊັກນໍາທາງ 🗄️
ລົດໄຟນຳທາງ🚋
ແຖບ 📑
ປຸ່ມຍົກ 🔼
ປຸ່ມເຕີມ 🟦
ເຕັມປຸ່ມສຽງ 🟦
ປຸ່ມທີ່ລະບຸໄວ້ 🛑
ປຸ່ມຂໍ້ຄວາມ 🔠
ການນໍາທາງລຸ່ມ 🚶‍♂️
ລີ້ນຊັກນໍາທາງ 🗄️
ລົດໄຟນຳທາງ🚋
ແຖບ 📑
ປຸ່ມຍົກ 🔼
ປຸ່ມເຕີມ 🟦
ເຕັມປຸ່ມສຽງ 🟦
ປຸ່ມທີ່ລະບຸໄວ້ 🛑
ປຸ່ມຂໍ້ຄວາມ 🔠
ປຸ່ມເລື່ອນຂໍ້ຄວາມ 🌈
FAB ປົກກະຕິ 💡
FAB ຂະຫນາດນ້ອຍ 💡
FAB ໃຫຍ່ 💡
FAB Demo 💡
ແຜນທີ່ສີ FAB 💡
FAB ຂະຫຍາຍ 💡
ປຸ່ມໄອຄອນ 🔘
ປຸ່ມສະຫຼັບໄອຄອນ 🔘
ປຸ່ມແບ່ງສ່ວນ 🔍
ເມນູ 🍽️
ໂຕເລືອກວັນທີ 📅
ເຄື່ອງເລືອກເວລາ⏰
Snackbar 🍔
ຕື່ມຂໍ້ມູນໃສ່ຊ່ອງຂໍ້ມູນ ✍️
ຊ່ອງຂໍ້ຄວາມທີ່ອະທິບາຍໄວ້ ✏️
ຊ່ອງຂໍ້ມູນທົ່ວໄປ ✒️
ຊິບປະຕິບັດ 🍟
ຊິບເລືອກ✔️
ຟິວເຕີ້ 🔍
ຊິບປ້ອນຂໍ້ມູນ 💬
ກ່ອງໝາຍ ✅
ປ່ຽນ 🔀
ປຸ່ມວິທະຍຸ 🔘
ເລື່ອນ 🎚️
ປ້າຍໂຄສະນາ 🎏
ຄຳແນະນຳ ℹ️
ຕາຕະລາງຂໍ້ມູນ📊
ຕົວຊີ້ວັດຄວາມຄືບໜ້າ 🔄
ຕົວແບ່ງ ➖
ໃບອະນຸຍາດ Dialog 💬
ສົນທະນາ 💬
Modal ແຜ່ນລຸ່ມ 🛌
ແຜ່ນລຸ່ມຄົງຢູ່ 🛌
ລາຍການ 📝
ລາຍຊື່ຕາຂ່າຍ📊
ປ້າຍ🎖️
ການຫັນປ່ຽນການນໍາທາງ 🚀
ພິມຕົວໜັງສື 🖋️
ຄວາມສູງ⬆️
Stepper 🚶
ListTile 📋
ໄອຄອນ 🔤
ໄອຄອນເຄື່ອນໄຫວ 🔄
ແຜງຂະຫຍາຍ 📁
ສີ🎨
ກຳລັງເລີ່ມ 🚀
ຮູບພາບ 📸
ຄວາມສູງ⬆️
Stepper 🚶
ListTile 📋
ໄອຄອນ 🔤
ໄອຄອນເຄື່ອນໄຫວ 🔄
ແຜງຂະຫຍາຍ 📁
ສີ🎨
ກຳລັງເລີ່ມ 🚀
ຮູບພາບ 📸
ຕອບສະໜອງ ແລະ ປັບຕົວໄດ້ 📱
ໜ້າຈໍເປີດ 🚀
❌ສະຖານະເປົ່າ
Fade Scale Transition 🔄
ຈືດຈາງຜ່ານການປ່ຽນແປງ 🔄
Shared X Axis Transition ↔️
ເປີດ Container Transform 🔄
Google Fonts 🅰️
ຕົວຊີ້ບອກການເຄື່ອນໄຫວຂອງ Cupertino ⌛
ກ່ອງໂຕ້ຕອບການແຈ້ງເຕືອນ Cupertino 💬
ແຜ່ນງານ Cupertino 💬
ປຸ່ມ Cupertino 🔘
ເມນູຍ່ອຍຂອງ Cupertino 📋
ໂຕເລືອກວັນທີ Cupertino 📅
ຕົວເລືອກເວລາ Cupertino ⏰
ຕົວເລືອກເວລາ Cupertino ⏰
Cupertino Navigation Bar 📱
ໂຕເລືອກ Cupertino 📅
ແຖບເລື່ອນ Cupertino 📜
Cupertino TextField ✍️
Cupertino Search TextField 🔍
Cupertino Switch 🔀
ການຄວບຄຸມສ່ວນ Cupertino 🔍
Cupertino Slider 🎚️
Cupertino TabBar 📑

ເວັບໄຊຕ໌:
https://boltuix.github.io/

ມີຫຍັງໃໝ່

Flutter Material 3 Design Kit Ver 1.1 🚀
Try it yourself 📱
Share code 🔄
Run code ▶️