watermark logo

8 Views· 23 September 2022

Flutter UI Tutorial - Designing Movies Neon App UI Design DesignCode (Figma to Flutter) [ PART 1 ]

Advertisement


KelvinNewb
Subscribers

#Movies #DesignCode #Neon #Movie #Glassmorphism #Blur #Transparent

Hi everyone, I am @Abdul Aziz Ahwan from Indonesia,
In this video, we will learn Figma to Flutter with best practice. Which we are going to create a Movies Neon App UI Design Freebies from DesignCode Figma Community.
A lighting and glowing user interface from scratch using neon style.

Designed by Sourasith
Refer to this ► https://www.figma.com/communit....y/file/1076511483626
Video tutorial by @DesignCode ►https://youtu.be/lceG4iKNfEg

And in this section, we will implement many widgets and concepts, such as implement Glassmorphism, Blur Background, Masking Widget and much more. I hope it will be useful to apply to your next project.

📽 PART 1 ► https://youtu.be/OmIv8kcb0k4
📽 PART 2 ► https://youtu.be/GdBu6jUtpnc
📽 PART 3 ► https://youtu.be/t7JGcEVn_h0

Stay tune @Flutter !

🔖 JOIN FLUTTER COURSE 🔖
Build real, responsive applications! (Portfolio, E-commerce, Crypto App, Budget Tracker)
This course is designed for beginner to intermediate developers who want to build their future with Flutter
https://gumroad.com/a/659170419/fqamxr

----------------------------------

👨‍💼 Business Inquiries: helloabdulazizahwan@gmail.com

----------------------------------

⏲ Timestamp
00:00:00 👨🏻‍💻 Chapters

----------------------------------

This video was made with great effort,
If you want to support me you can donate to the following link
👨🏻‍💻 BE A SUPPORTER ON YOUTUBE
Link ► https://www.youtube.com/channe....l/UCQUfwiydQHf0u4Gb6

💰 PAYPAL
Link ► https://paypal.me/abdulazizahwan

🧧 SAWERIA
Link ► https://saweria.co/abdulazizahwan

🪙 TRAKTEER
Link ► https://trakteer.id/abdulazizahwan

☕ BUY ME A COFFEE
Link ► https://buymeacoffee.com/abdulazizahwan

----------------------------------

🤙 JOIN MY DISCORD
Link ► https://discord.gg/aNEPJcP

----------------------------------

Hopefully, you would love this video.
I am so grateful if you want to hit the subscribe button. Thanks

📌 SUBSCRIBE ME
Here ► http://bit.ly/AbdulAzizAhwan

----------------------------------

🎬 ANOTHER PLAYLIST
Flutter UI Design Best Practices
Link ► https://www.youtube.com/playli....st?list=PLjOFHn8uDrv

Flutter Firebase CRUD Tutorial
Link ► https://www.youtube.com/playli....st?list=PLjOFHn8uDrv

Flutter Tutorial - Basic [EN]
Link ►https://www.youtube.com/playli....st?list=PLjOFHn8uDrv

----------------------------------

⚠️ FLUTTER & DART VERSION
- Flutter 2.8.1
- Dart 2.15.1

🔨 PACKAGE FOR THIS PROJECT
- flutter_svg: https://pub.dev/packages/flutter_svg
- glassmorphism: https://pub.dev/packages/glassmorphism
- flutter_rating_bar: https://pub.dev/packages/flutter_rating_bar
- google_fonts: https://pub.dev/packages/google_fonts

🌃 VSCODE THEME
- https://marketplace.visualstud....io.com/items?itemNam

📂 PROJECT FILE
Flutter Starter Code
Link ► https://abdulazizahwan.gumroad.....com/l/flutter-glass

Part 1
Link ► https://abdulazizahwan.gumroad.....com/l/flutter-glass

Part 2
Link ► https://abdulazizahwan.gumroad.....com/l/flutter-glass

Part 3
Link ► https://abdulazizahwan.gumroad.....com/l/flutter-glass

📚 REFERENCES
Masking Widget ► https://stackoverflow.com/ques....tions/60468768/maski
Outline Border with Gradient ► https://stackoverflow.com/ques....tions/66185071/flutt
Blur Container ► https://stackoverflow.com/ques....tions/53886850/how-t

----------------------------------

👨‍💻 GEAR LIST & TOOLS
- MacBook Pro 2017 
( 8GB RAM 256GB Monterey OS )

- Acer Swift 3 SF314-54G-51ZK
( 12GB RAM 256GB SSD NvME M.2 Windows 11)

- Canon EOS M50 Sigma 16mm f1.4

- Logitech C922 Pro Webcam

- Microphone Condensor BM700

----------------------------------

📱 FOLLOW
Twitter ► https://twitter.com/abdulazizahwan
Github ► https://github.com/abdulazizahwan
My Blog ► https://abdulazizahwan.com

----------------------------------

Thanks for Watching!
#Dart
#Android
#iOS
#Swift
#Kotlin

Show more


Up next

Advertisement


0 Comments