show = false, 3000)"
x-init="if (show) { updateTop(); setTimeout(() => show = false, 3000) }"
x-show="show"
x-cloak x-transition
:style="'top: ' + toastTop"
class="fixed right-4 z-[130] bg-primary text-white px-4 py-3 rounded-lg shadow-lg text-sm font-medium flex items-center gap-2">
NEW COMPOSABLE SECTION
Build responsive sections from reusable elements.
Compose layout, copy, images, and CTAs with profile-aware colors and type. Save the result to your profile library and reuse it across pages.
Featured products in motion
Why teams choose this layout system.
Feature cards are built from the same primitives as the rest of the builder, so they stay editable and theme-aware.