How to create sidebar?

If you needed to animate the effect, a different approach would be needed. I’d probably lerp this value:

It dictates how much space percentage-wise the widget takes in the parent container. But then again, we do not know enough about the end result, what else needs to be added, whether this needs to be fullscreen and how dynamic.

You presented a snippet only, a fragment of the menu. You normally build the interface the other way round. Big pieces first, and only then populate it with smaller panels. With this design pipeline, you may need to redo the whole thing several times.

Working on small pieces is fine providing you’ve got the grand design to work towards to.


You can use the canvas panel for roughly blocking things out first, consider looking into how anchors (not menu anchors) work. Pretty critical for design that needs to adapt to resolution.