- Видео 37
- Просмотров 81 711
Uranus Code
Добавлен 14 июн 2022
Hi everybody! in this channel you can watch flutter skills and learning videos. if you want to improve your flutter skill Join our channel and learn. We will do our best for you. If you like our channel, please subscribe.
Chat app UI design with Flutter | part 1 Chat List Screen
In this video we design Chat app UI with flutter and learn how to create a beautiful UI by using Flutter, create beautiful container, custom typography, create beautiful buttons, create story widget with badge, customize text, use different colors ,create custom box and use beautiful icons. this video is part 1 from this series and we design chat list screens.
UI kit: dribbble.com/shots/21332880-Chat-Mobile-App
Social Media:
Telegram: t.me/uranuscode
Source Code: Soon
if you like this don't forget press subscribe button :)
UI kit: dribbble.com/shots/21332880-Chat-Mobile-App
Social Media:
Telegram: t.me/uranuscode
Source Code: Soon
if you like this don't forget press subscribe button :)
Просмотров: 158
Видео
Google Keep (Note App) redesigned with Flutter | part 2 Bottom Navigation and glassmorphism
Просмотров 3162 месяца назад
In this video we redesign google keep app UI with flutter and learn how to create a beautiful UI by using Flutter, create beautiful container, custom typography, create beautiful buttons, create custom checkboxes, use different colors ,create custom box and use beautiful icons. this video is part 2 from this series and we design bottom navigation with glassmorphism. UI kit: dribbble.com/shots/2...
Google Keep (Note App) redesigned with Flutter | part 1 Home Screen
Просмотров 8652 месяца назад
In this video we redesign google keep app UI with flutter and learn how to create a beautiful UI by using Flutter, create beautiful container, custom typography, create beautiful buttons, create custom checkboxes, use different colors ,create custom box and use beautiful icons. this video is part 1 from this series and we design Home Screen. UI kit: dribbble.com/shots/21872001-Google-Keep-Redes...
Plants Shop app UI design with Flutter | part 3 Plant Detail Screen
Просмотров 4653 месяца назад
In this video we design a plants shop app UI with flutter and learn how to create a beautiful UI by using Flutter, create a custom image slider with page view widget, custom typography, create beautiful buttons, create custom box and use beautiful icons. this video is part 3 from this series and we design Plant Detail Screen. UI kit: dribbble.com/shots/16340862-Plants-Shop-App-UI Social Media: ...
Plants Shop app UI design with Flutter | part 2 Home Screen
Просмотров 5484 месяца назад
In this video we design a plants shop app UI with flutter and learn how to create a beautiful UI by using Flutter, create a custom grid view by using flutter strapped grid view package, custom typography, create beautiful buttons, create custom text field and use beautiful icons. this video is part 2 from this series and we design Home Screen. UI kit: dribbble.com/shots/16340862-Plants-Shop-App...
Plants Shop app UI design with Flutter | part 1 On Boarding Screen
Просмотров 5704 месяца назад
In this we design a plants shop app UI with flutter and learn how to create a beautiful UI by using Flutter, create a on boarding slider by using page view widget without use any package, custom typography, create beautiful buttons , use beautiful icons. this video is part 1 from this series and we design On Boarding Screen. UI kit: dribbble.com/shots/16340862-Plants-Shop-App-UI Social Media: T...
Course app UI design with Flutter | part 2 Course Detail Screen
Просмотров 2214 месяца назад
In this we design a course app UI with flutter and learn how to create a beautiful UI by using Flutter, customize app bar, create a beautiful boxes, custom typography, create beautiful buttons ,use positioned widget and stack and use beautiful icons. this video is part 2 from this series and we design Course Detail Screen. UI kit: dribbble.com/shots/16096903-Course-App Social Media: Telegram: t...
Course app UI design with Flutter | part 1 Home Screen
Просмотров 4425 месяцев назад
In this we design a course app UI with flutter and learn how to create a beautiful UI by using Flutter, customize app bar, create a beautiful boxes, custom typography, create beautiful buttons ,create custom bottom navigation bar. this video is part 1 from this series and we design Home Screen. UI kit: dribbble.com/shots/16096903-Course-App Social Media: Telegram: t.me/uranuscode Source Code: S...
Football Live Score app UI design with Flutter | part2 Match Screen
Просмотров 8065 месяцев назад
In this we design a football live score app UI with flutter and learn how to create a beautiful UI by using Flutter, customize app bar, create a beautiful boxes with background image, custom typography, create custom progress bar with container. this video is part 2 from this series and we design Match Screen. UI kit: dribbble.com/shots/16865636-Soccer-Live-Score-App Social Media: Telegram: t.m...
Football Live Score app UI design with Flutter | part1 Home Screen and Bottom Navigation Bar
Просмотров 6776 месяцев назад
In this we design a football live score app UI with flutter and learn how to create a beautiful UI by using Flutter, use list view, customize app bar, create a beautiful boxes with background image, custom typography, create custom bottom navigation bar by using container and create animated container. this video is part 1 from this series and we design Home screen and Bottom Navigation Bar. UI...
Music app Complete UI Design with Flutter | part 2 Artist Screen
Просмотров 4686 месяцев назад
Create music app by using #flutter. in this video learn how to create beautiful #ui, customize container, use list view, create gridview and grid system, create beautiful profile widget, customize buttons and custom typography. this video is part 2 from this series and we design Artist Screen. UI kit: dribbble.com/shots/14016967-Music-Player-UI-Mobile-App Social Media: Telegram: t.me/uranuscode...
Music app Complete UI Design with Flutter | part 1 Home Screen
Просмотров 1,1 тыс.7 месяцев назад
Create music app by using #flutter. in this video learn how to use #stack and positioned, create beautiful #ui, customize container, use list view, create shadows, create positioned in stack and custom typography. this video is part 1 from this series. UI kit: dribbble.com/shots/14016967-Music-Player-UI-Mobile-App Social Media: Telegram: t.me/uranuscode Source Code: github.com/uranus-code/music...
Blog Club app Complete UI Design with Flutter | part 3 Profile Screen
Просмотров 7848 месяцев назад
Create blog club app by using #flutter. in this video learn how to use #stack, create beautiful #ui, customize container, #navigation, create custom scroll view, create shadows, create positioned in stack and custom typography. this video is part 3 from this series. UI kit: dribbble.com/shots/15039580-BLOG-CLUB-Blog-UI-kit-Freebie Social Media: Telegram: t.me/uranuscode Source Code: github.com/...
Blog Club app Complete UI Design with Flutter | part 2 Article Screen
Просмотров 6308 месяцев назад
Create blog club app by using #flutter. in this video learn how to use #stack, create beautiful #ui, customize container, using #models, #navigation, create custom scroll view, create shadows in bottom of screen, create extended floating action button and custom typography . this video is part 2 from this series. UI kit: dribbble.com/shots/15039580-BLOG-CLUB-Blog-UI-kit-Freebie Social Media: Te...
Blog Club app Complete UI Design with Flutter | part 1 Home Screen and Bottom Navigation Bar
Просмотров 1 тыс.8 месяцев назад
Create blog club app by using #flutter. in this video learn how to use #stack, create beautiful #ui, customize container, using #models, #navigation, create custom bottom navigation bar, beautiful carousel slider and how to create a story item like Instagram with flutter. this video is part 1 from this series. UI kit: dribbble.com/shots/15039580-BLOG-CLUB-Blog-UI-kit-Freebie Social Media: Teleg...
Build beautiful Image Slider with Carousel Slider package | Flutter
Просмотров 2149 месяцев назад
Build beautiful Image Slider with Carousel Slider package | Flutter
Food Recipe app Complete UI Design with Flutter | part 3 Food Recipe Screen
Просмотров 3 тыс.9 месяцев назад
Food Recipe app Complete UI Design with Flutter | part 3 Food Recipe Screen
Food Recipe app Complete UI Design with Flutter | part 2 Quick & Fast Recipe list Screen
Просмотров 3,4 тыс.9 месяцев назад
Food Recipe app Complete UI Design with Flutter | part 2 Quick & Fast Recipe list Screen
Food Recipe app Complete UI Design with Flutter | part 1 Home Screen and Bottom Navigation Bar
Просмотров 13 тыс.9 месяцев назад
Food Recipe app Complete UI Design with Flutter | part 1 Home Screen and Bottom Navigation Bar
Account Settings Screen UI Design | Flutter Speed Code
Просмотров 12 тыс.10 месяцев назад
Account Settings Screen UI Design | Flutter Speed Code
X (Twitter) clone app UI design Home Screen | Flutter Speed Code
Просмотров 55210 месяцев назад
X (Twitter) clone app UI design Home Screen | Flutter Speed Code
Weather App UI design with Flutter | Speed Code
Просмотров 43811 месяцев назад
Weather App UI design with Flutter | Speed Code
Login and OTP Screen UI design with Flutter | Speed Code
Просмотров 97711 месяцев назад
Login and OTP Screen UI design with Flutter | Speed Code
Shop app Complete UI Design with Flutter | part 3 Cart Screen and Bottom Navigation Bar
Просмотров 6 тыс.11 месяцев назад
Shop app Complete UI Design with Flutter | part 3 Cart Screen and Bottom Navigation Bar
Shop app Complete UI Design with Flutter | part 2 Product Screen
Просмотров 3,7 тыс.Год назад
Shop app Complete UI Design with Flutter | part 2 Product Screen
Shop app Complete UI Design with Flutter | part 1 Home Screen
Просмотров 14 тыс.Год назад
Shop app Complete UI Design with Flutter | part 1 Home Screen
Learn Hive Database in Flutter | From Zero
Просмотров 409Год назад
Learn Hive Database in Flutter | From Zero
Wallet Screen UI design with Flutter | Flutter Speed code
Просмотров 668Год назад
Wallet Screen UI design with Flutter | Flutter Speed code
Build a beautiful drawer with Flutter | Flutter advanced drawer package
Просмотров 4,5 тыс.Год назад
Build a beautiful drawer with Flutter | Flutter advanced drawer package
Settings Screen UI Design with Flutter | Speed Code
Просмотров 6 тыс.Год назад
Settings Screen UI Design with Flutter | Speed Code
Amazing Brother😋
is this real wheather app or just you created the design
We're usually create app's ui only
Thank you.
thank you
Can you share the GitHub repo for this project or assets and colors?
i LIKE it 😁👍👍👍👍👍
Very Goooooooooood👌👌❤❤
nice, thx for reference code
I learned a lot from your videos and your code, thanks bro!
I love your work! I have a question: Where do you get the designs and how do you create this cool animations with the iphone at the start of the video?
Is you mean intro , it's maked by after effect
Good job brother. Thank you.
hare up please
*Promo SM*
good job <3
Amazing brother
Thanks alot ,I approtiate your effort
Thank you very much !!
please make it slow speed.
You can set speed in RUclips player
Thank for sharing 🥰
yeah this is good actually, can you do a tute on how to integrate google mobile ads please
This is good 🎉
一个大的惊喜，i请继续保持
i like it
Explain kertay to ziada acha hota .....insted music
bro! it was a great video, keep on
Excelente tutorial
You can make a music player background service and with backend 😊
boss the source code is not available on your git hub profile, and please do google mobile ads integration tutorial please
The source code will be placed after the end of this series
@@uranuscode please do the google admob ads integration please on any app just the tute please
source code?
is it offline app
Yes
Thanks a lot buddy!
what did you use for statemange ment?
Flutter core state management
thank you so much brother
Veryyyy Gooooood👌❤
The best RUclips channel ever. I love the way you program.
Finally I have found the best RUclips channel. Never give up brother. This is the best channel for flutter.
I can use your codes in my app
very nice. when is the rest coming up?
Soon
image: DecorationImage( image: AssetImage(widget.food.image), I don't understand how different food pictures appear on each page here.We call them all with the same widget.food.image command. But how is this beaf or ramen.
Defined in the food model data
but we used AssetImage(widget.food.image) in all of them, how can it distinguish whether it is ramen or steak? Here we didn't use something like assets/ramen-noodles.jpg, we used food.image in all of them. I didn't understand that @@uranuscode
It's saved in models/food.dart
Can you build chatting app
Sure
Thanks ❤
stupid why not give us the source code
Nice
Thanks for sharing ❤️💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕
Flutter Color Theory ruclips.net/video/d3vfeCm0xQo/видео.htmlsi=QGjBl9qcW_ohxoMV
Flutter Color Theory ruclips.net/video/d3vfeCm0xQo/видео.htmlsi=QGjBl9qcW_ohxoMV
Your designes are so good just keep it up and be consistent 😍