Back to updates
Feature
Elements

Speed up your build process with the new Quick Stack element

Speed up your build process with the new Quick Stack element

<figure id="" class="w-richtext-figure-type-video w-richtext-align-fullwidth" style="padding-bottom:56.206088992974244%" data-rt-type="video" data-rt-align="fullwidth" data-rt-max-width="" data-rt-max-height="56.206088992974244%" data-rt-dimensions="854:480" data-page-url="<https://youtu.be/6C3YF9zulTg>"><div id=""><iframe allowfullscreen="true" frameborder="0" scrolling="no" src="<https://www.youtube.com/embed/6C3YF9zulTg>" title="Introducing Quick Stack in Webflow"></iframe></div></figure><p id="">Today we’re introducing Quick Stack, a brand new element in the Designer that speeds up your build process with new on-canvas controls and layout presets for building common structures like heroes, menus, and more.</p><p id="">With Quick Stack, you can:</p><ul id=""><li id="">Save time building common website layouts by starting from a list of the most common presets</li><li id="">Quickly make changes to presets</li><li id="">Build responsive designs that fit any screen size</li></ul><figure id="" class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:2400px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="2400px"><div id=""><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21d6862300820QuickStack2400x1400SYBG.jpg>" loading="lazy" id="" width="auto" height="auto"></div><figcaption id="">Speed up your build process with the new Quick Stack element</figcaption></figure><h2 id="">Using Quick Stack vs. grid</h2><p id="">Quick Stack is similar to grid but different in one key way - regardless of how many rows or columns you have, a Quick Stack element comes pre-populated with divs already inside. It brings the power of CSS grid and flexbox into a direct, visual interface that lets you build faster than ever. For more advanced projects, CSS grid and flexbox are built right into the heart of Webflow.</p><p id="">With this change, we moved the grid element to the “Other” section of the Add panel based on feedback from the Webflow community. Rest assured: CSS grid isn't going away in Webflow — in fact, there's way more coming in both of these areas. In the meantime, CSS grid is always available as a display property or through Quick Find.</p><p id="">To learn more about Quick Stack and see it in action, watch our <a href="<https://www.youtube.com/watch?v=6C3YF9zulTg>" id="">Webflow University video</a> and check out our <a href="<https://university.webflow.com/lesson/quick-stack>" id="">article on Webflow University</a>.</p>


Launched on
June 15, 2023
Category
Elements

Related updates

Link faster with search

Link faster with search

Learn more
Additional form improvements

Additional form improvements

Learn more
Enhancements to improve your forms experience

Enhancements to improve your forms experience

Learn more
Increased custom code character limit

Increased custom code character limit

Learn more
Introducing the custom element

Introducing the custom element

Learn more
New shortcuts for unwrapping elements and wrapping in H Flex or V Flex elements

New shortcuts for unwrapping elements and wrapping in H Flex or V Flex elements

Learn more