Hi all, I've been experimenting with a CSS flexbox library and Framer, so the prototypes built with Framer can be shown in multiple screen sizes without much work, just by setting some rules. Flexbox allows you to define things in a declarative way ("what to do") instead of imperative ("how to do it") for example:
layerA.flex = 0.4 # Take 40% of the parent size
layerABrother.flex = 0.6 # Take 60% of the parent size
layerA.minHeight = 40 # But at least give layerA 40px height
So far I got a "cells layout" example working, but I'm really amazed about how powerful the mix of a flexible layout + Framer animation engine is.
My question to you guys: are there any ideas or existing prototypes you would like to try with this flex system? Please share a link or code if you do