What’s the best approach to dynamically switch page layouts based on user input?

How can I design my Bubble app so the layout of the page changes depending on what the user chooses or does?

Just have a root container and groups that have descendant groups(with needed conditional sections/elements) with visibility like this:


And in the Conditional section, make it visible if the needed condition is true, e.g.:

So everything becomes reactive and immediate.

I’ve shown you my demo setup for a plugin where I switch whole showcase sections depending on the active element on top:


Check Editor here Dynamic-icons-demo | Bubble Editor
Showcase sections are hidden here:

Best regards,
Maks

It is conditionally based. What is the extent of this need? Are you needing to change the entire page? Need to change the width of an element. Need to change the visibility of an element? Need selections to flow across different pages, like dark mode selection?