How To Design A Flutter UI Kit

Since, my first Flutter UI kit will be out in about 15 days, I should talk about what makes a good Flutter UI kit.

A Typical Flutter UI Kit

This is a typical Flutter UI Kit:

It’s not bad. But, is it really delivering the core elements of UI design in Flutter? Let me show you what I mean. That screenshot is from Creative Tim’s Flutter New UI Kit, and so let’s look how they implemented a drawer tile:

See how they are not using a List Tile for the individual UI elements of the drawer? One of the main reasons is due to shadows being messed up with dark mode that the Flutter SDK team still has not fixed since, well, since flutter 2.0 or was it 1.5 when we got dark mode. Which is why they are using BoxShadows, which I did cover how to use that workaround for shadows in this article: