Flex Maker
See live demo for all the available settings for the ‘flex maker‘ Gutenberg block.
Feature Demo – Built-in Layout Variation
Our pre-made layout variations offer complex layout so you don’t have to spend time designing your flexbox grid from scratch, including setting up spacing, direction and aligning flex elements.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lectus velit. Etiam malesuada malesuada ornare. Integer finibus, mauris lacinia suscipit pulvinar, diam erat cursus mauris, sit amet accumsan eros lorem nec ligula. In hac habitasse platea dictumst. Pellentesque ut magna augue. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi tellus mauris, semper vel quam vitae, mollis accumsan lorem. Nulla dolor erat, mollis quis volutpat a, consectetur ac felis. Vivamus varius placerat facilisis. Aenean non sapien at ex eleifend vulputate. Sed vehicula lacinia risus quis dapibus. Integer sodales tristique metus et scelerisque. Nullam accumsan vulputate congue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lectus velit. Etiam malesuada malesuada ornare. Integer finibus, mauris lacinia suscipit pulvinar, diam erat cursus mauris, sit amet accumsan eros lorem nec ligula. In hac habitasse platea dictumst.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lectus velit. Etiam malesuada malesuada ornare. Integer finibus, mauris lacinia suscipit pulvinar, diam erat cursus mauris, sit amet accumsan eros lorem nec ligula. In hac habitasse platea dictumst.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lectus velit. Etiam malesuada malesuada ornare. Integer finibus, mauris lacinia suscipit pulvinar, diam erat cursus mauris, sit amet accumsan eros lorem nec ligula. In hac habitasse platea dictumst. Pellentesque ut magna augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lectus velit. Etiam malesuada malesuada ornare. Integer finibus, mauris lacinia suscipit pulvinar, diam erat cursus mauris, sit amet accumsan eros lorem nec ligula. In hac habitasse platea dictumst. Pellentesque ut magna augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lectus velit. Etiam malesuada malesuada ornare. Integer finibus, mauris lacinia suscipit pulvinar, diam erat cursus mauris, sit amet accumsan eros lorem nec ligula. In hac habitasse platea dictumst. Pellentesque ut magna augue. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi tellus mauris, semper vel quam vitae, mollis accumsan lorem. Nulla dolor erat, mollis quis volutpat a, consectetur ac felis. Vivamus varius placerat facilisis. Aenean non sapien at ex eleifend vulputate. Sed vehicula lacinia risus quis dapibus. Integer sodales tristique metus et scelerisque. Nullam accumsan vulputate congue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lectus velit. Etiam malesuada malesuada ornare. Integer finibus, mauris lacinia suscipit pulvinar, diam erat cursus mauris, sit amet accumsan eros lorem nec ligula. Morbi tellus mauris, semper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lectus velit. Etiam malesuada malesuada ornare. Integer finibus, mauris lacinia suscipit pulvinar, diam erat cursus mauris, sit amet accumsan eros lorem nec ligula. In hac habitasse platea dictumst. Pellentesque ut magna augue. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi tellus mauris, semper vel quam vitae, mollis accumsan lorem. Nulla dolor erat, mollis quis volutpat a, consectetur ac felis. Vivamus varius placerat facilisis. Aenean non sapien at ex eleifend vulputate. Sed vehicula lacinia risus quis dapibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lectus velit. Etiam malesuada malesuada ornare. Integer finibus, mauris lacinia suscipit pulvinar, diam erat cursus mauris, sit amet accumsan eros lorem nec ligula. In hac habitasse platea dictu
Feature Demo – Center Align Items
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lectus velit. Etiam malesuada malesuada ornare. Integer finibus, mauris lacinia suscipit pulvinar, diam erat cursus mauris, sit amet accumsan eros lorem nec ligula. In hac habitasse platea dictumst. Pellentesque ut magna augue. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi tellus mauris, semper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lectus velit. Etiam malesuada malesuada ornare. Integer finibus, mauris lacinia suscipit pulvinar, diam erat cursus mauris, sit amet accumsan eros lorem nec ligula. In hac habitasse platea dictumst. Pellentesque ut magna augue. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi tellus mauris, semper vel quam vitae, mollis accumsan lorem. Nulla dolor erat, mollis quis volutpat a, consectetur ac felis. Vivamus varius placerat facilisis. Aenean non sapien at ex eleifend vulputate. Sed vehicula lacinia risus quis dapibus. Integer sodales tristique metus et scelerisque. Nullam accumsan vulputate congue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lectus velit. Etiam malesuada malesuada ornare. Integer finibus, mauris lacinia suscipit pulvinar, diam erat cursus mauris, sit amet accumsan eros lorem nec ligula. In hac habitasse platea dictumst. Pellentesque ut magna augue. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi tellus mauris, semper
Feature Demo – Align Item to Flex-end
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lectus velit. Etiam malesuada malesuada ornare. Integer finibus, mauris lacinia suscipit pulvinar, diam erat cursus mauris, sit amet accumsan eros lorem nec ligula. In hac habitasse platea dictumst. Pellentesque ut magna augue. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi tellus mauris, semper
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lectus velit. Etiam malesuada malesuada ornare. Integer finibus, mauris lacinia suscipit pulvinar, diam erat cursus mauris, sit amet accumsan eros lorem nec ligula. In hac habitasse platea dictumst. Pellentesque ut magna augue. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi tellus mauris, semper vel quam vitae, mollis accumsan lorem. Nulla dolor erat, mollis quis volutpat a, consectetur ac felis. Vivamus varius placerat facilisis. Aenean non sapien at ex eleifend vulputate. Sed vehicula lacinia risus quis dapibus. Integer sodales tristique metus et scelerisque. Nullam accumsan vulputate congue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lectus velit. Etiam malesuada malesuada ornare. Integer finibus, mauris lacinia suscipit pulvinar, diam erat cursus mauris, sit amet accumsan eros lorem nec ligula. In hac habitasse platea dictumst. Pellentesque ut magna augue. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi tellus mauris, semper
Feature Demo – Justify Content Space Between
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lectus velit. Etiam malesuada malesuada ornare. Integer finibus, mauris lacinia suscipit pulvinar, diam erat cursus mauris, sit amet accumsan eros lorem nec ligula.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lectus velit. Etiam malesuada malesuada ornare. Integer finibus, mauris lacinia suscipit pulvinar, diam erat cursus mauris, sit amet accumsan eros lorem nec ligula. In hac habitasse platea dictumst. Pellentesque ut magna augue. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi tellus mauris, semper
Feature Demo – Align Items Start (Flex Direction)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lectus velit. Etiam malesuada malesuada ornare. Integer finibus, mauris lacinia suscipit pulvinar, diam erat cursus mauris, sit amet accumsan eros lorem nec ligula.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lectus velit. Etiam malesuada malesuada ornare. Integer finibus, mauris lacinia suscipit pulvinar, diam erat cursus mauris, sit amet accumsan eros lorem nec ligula. In hac habitasse platea dictumst. Pellentesque ut magna augue. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi tellus mauris, semper vel quam vitae, mollis accumsan lorem. Nulla dolor erat, mollis quis volutpat a, consectetur ac felis. Vivamus varius placerat facilisis. Aenean non sapien at ex eleifend vulputate. Sed vehicula lacinia risus quis dapibus. Integer sodales tristique metus et scelerisque. Nullam accumsan vulputate congue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu lectus velit. Etiam malesuada malesuada ornare. Integer finibus, mauris lacinia suscipit pulvinar, diam erat cursus mauris, sit amet accumsan eros lorem nec ligula. In hac habitasse platea dictumst. Pellentesque ut magna augue. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi tellus mauris, semper
Feature Demo – Flexible Use Case of Blocks
Feel free to use any block inside your flexbox grid, whether it’s a native WordPress block or one from a third-party plugin. This is a major advantage because it lets you create layouts that contain text, images, videos, buttons, forms, and more. For example, we’ve used our image block to create an image gallery within the flex grid.
