Flutter Vignette —Liquid Cards

Flutter Vignette — Liquid Cards

How to master the Liquid Cards Vignette (by gskinner team)…Hmmm

All in one Flutter resource: https://flatteredwithflutter.com/liquid-cards-vignette/

Other Vignettes :

• Article Dark Mode
• Boarding Pass

Brief…

For Flutter Interact ’19, Google challenged gskinner to showcase the Flutter framework’s capabilities to build beautiful apps.

What are we covering today…?

Flutter Vignette — Liquid Cards

Liquid Cards: This demo aims to utilize the Flutter’s list of widgets, specially AnimtedContainer, and finally Flutter’s Canvas to simulate a liquid effect.

Flutter Vignette — Liquid Cards

Begin…

This tutorial is divided into 3 steps :

1. Article UI as per Vignette