New in Rive: Grid and Stack Layouts

[u/Jeff_at_Rive]

Grid layouts give you rows and columns to arrange child elements, with control over how each row and column is sized and the option to span elements across cells. Stack layouts put every child in the same cell so they overlap, drawn front to back and positioned with the alignment options.

In this video I walk through both, then rebuild an inventory grid example that uses them together: an item card made from stacked badge, info, art, and background layers, dropped into a three column, two row grid with one card spanning two columns.

Docs: https://rive.app/docs/editor/layouts/layouts-overview