Генератор CSS Flex layout

Пресеты

Направление главной оси

Перенос

Выравнивание по главной оси

Выравнивание по поперечной оси

Интервал px

Вывод CSS

Настраивайте Flexbox визуально. Пресеты, живой превью и копирование CSS.

16 пресетов: row/column, center, space-between/evenly, wrap, navbar, reverse, baseline…
Параметры: flex-direction, flex-wrap, justify-content, align-items, gap
Цветные элементы наглядно показывают выравнивание
Готовый CSS display:flex для вставки в проект