Skip to content

fdoyle/flutter_demo_monobank

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

flutter_demo_monobank

https://dribbble.com/shots/5519790-Monobank-PFM

This project attempts to recreate the design in the above dribble link

theirs: https://cdn.dribbble.com/users/120141/videos/480/pfm.mp4

mine: Result

notable successes:

  • arc overlay looks pretty good, decent bit of math involved in that
  • inner icon is clipped to inner circle radius

notable differences:

  • color blending needs work. right now it's just an alpha blend, which doesn't look super great. the original design has kind of a spring effect on the trailing edge of the arc, my version is stiff.
  • original has a bevel effect on the edges of the arc, making it appear lit from the top, but not especially consistently? I tried adding a lighter border along the dark edge of the arc, but it looked worse than without.