Rotary passcode | Flutter UI challenge | Part 2: Animations

Retro rotary passcode input UI challenge made with Flutter. The main focus of this part is motion design - animations.

---
Links:
► Project repository: https://github.com/mkobuolys/flutter-...
► Flutter: https://flutter.dev/
► Dart: https://dart.dev/
---
Connect with me:
► X: https://x.com/mkobuolys
► GitHub: https://github.com/mkobuolys
► Blog: https://kazlauskas.dev
---
Subscribe: https://bit.ly/369W7RM

Chapters:
00:00 Intro
00:30 Flutter animations overview
00:48 Implementing input mode cross-fade animation
02:01 Making the input buttons work
03:19 Implementing passcode validation logic
04:31 Implementing passcode digit input animation
05:17 Implementing passcode validation animations
06:55 Implementing rotary dial animation
11:24 Implementing input mode change animation
14:18 Implementing local hero animations
15:36 Final result overview

#dart #flutter #ui #design #challenge #retro

• #education
• #dart
• #flutter
• #ui
• #ui_challenge
• #design_challenge
• #rotary_passcode
• #animations