# Flutter Assets Bar example on Codepen.io, let's code it!

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](https://medium.com/flutter/announcing-codepen-support-for-flutter-bb346406fe50).

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](https://codepen.io/zoeyfan/pen/ExVaXGK) by [@zoeyfan](https://twitter.com/ZoeyFan723)
- [Flutter Yeti](https://codepen.io/team/codepen/pen/LYpGWBx) by [@Mariano Zorrilla](https://twitter.com/geekmz)
- [Twitter Clone](https://codepen.io/mkiisoft/pen/KKdgdad) by [@Mariano Zorrilla](https://twitter.com/geekmz)
- [Generative art](https://codepen.io/rx-labz/pen/WNQoNem) by [@rxlabz](https://twitter.com/rxlabz)
- [Blobby](https://codepen.io/rx-labz/pen/GRpmRKN) by by [@rxlabz](https://twitter.com/rxlabz)
- [Flutter DoctorStrange Chakra Animation](https://codepen.io/tahatesser/pen/GRpqbRY) by [@tahatesser](https://twitter.com/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.

%[https://codepen.io/polilluminato/pen/GRpWEVB]

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

Alberto