Meditation App UI from Scratch - Flutter UI - Speed Code
Relax and chill with this cool meditation app UI.
You will learn how to create #waves with clip-path and custom clippers, add complex animations, overlay text on images, navigation, how to make a reusable widget and use it, and more.
In Home screen UI, the images are stacked upon one another the desert image is upmost then the sky and then the ocean. And for the second screen UI using Stack for background Image Effect and bottom play bar.
Design Credits - https://dribbble.com/shots/7340082-Me...
Related Tutorials -
Adaptive Theming in Flutter - • How to add Dark mode in Flutter with ...
Source code available - https://github.com/Flutter-ui-dev/Flu...
Socials
Instagram - / flutteruidev
Twitter - / ui_flutter
Email - [email protected]
Music - Lo-Fi Lounge Chill Hip Hop CITY by Alex-Productions | https://www.youtube.com/channel/UCx0_...
1 Hour Lofi hip hop mix Stress Relief, Relaxing Music / Focus / Study | • 1 Hour Lofi hip hop mix Stress Relief...
00:00 Intro
00:15 Project Setup
01:30 Activity Card
04:25 Creating wave
07:50 App Bar
10:45 Bottom Bar
16:12 Background Effect
18:44 Music Screen
25:00 Bottom Effect
27:58 Adding Animations
#meditation #flutter #flutterui #flutterdev
Смотрите видео Meditation App UI from Scratch - Flutter UI - Speed Code онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Flutter UI Dev 01 Февраль 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,142 раз и оно понравилось 70 людям.