Last week Codepen.io, the leading social development environment for millions of front-end developers and designers, announced the support to Flutter with this post on Medium: Announcing CodePen support for Flutter.

So now developer can showcase their work on Codepen and the amazing Flutter community started to release some amazing pens on the platform like these:

• Gooey edge by @zoeyfan
• Flutter Yeti by @Mariano Zorrilla
• Twitter Clone by @Mariano Zorrilla
• Generative art by @rxlabz
• Blobby by by @rxlabz
• Flutter DoctorStrange Chakra Animation by @tahatesser

I want to try Codepen with Flutter, so I implement a little view that I'm using in an app that I'm developing. The view is an assets bar used to represent a set of resources or space available and which can be used in all the apps that showed the occupation of a disk, assets in a portfolio, a set of currencies in an account. The class that manages all the stuff is the MyAssetsBar and supports some options: width, height, the radius of the corners, ordering (Ascending, Descending, None), assetsLimit.

Feel free to use the example and implement it in your apps.

Alberto