---
description: In this guide, you will learn how to add widgets and elements for Flex Mode.
title: "How to Add Flex Element Widgets?"
canonical_url: https://docs.sitekick.ai/using-the-design-editor/how-to-add-flex-element-widgets
source_url: https://github.com/aketchel/sitekickai_docs/blob/main/sitekick-documentation/using-the-design-editor/how-to-add-flex-element-widgets.md
---

# How to Add Flex Element Widgets?

1. Add a **Flex Container**.
2. Drag widgets (e.g., text, icons, buttons) into it.
3. Use the container settings to define:
   * **Direction** (row or column)
   * **Gap/spacing**
   * **Justify/align**

Use this for responsive designs and faster loading layouts.