egui-flex

Arrange egui UI components with a configurable Flex/FlexItem layout API.

1|Updated Mar 15, 2026

Search Tags:#ui #layout #rust #widgets #flexbox #egui

Ready to run

npx skills add https://github.com/hafley66/claude-research --skill egui-flex

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: egui-flex
Source: https://github.com/hafley66/claude-research/tree/main/skills/egui-flex
Command: npx skills add https://github.com/hafley66/claude-research --skill egui-flex

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Efficiently manage and arrange UI components in egui without relying on an external layout engine, enabling predictable, responsive interfaces.

Core Features & Use Cases

Pure egui layout: implements its own layout algorithm using direct measurement and positioning.
Flex container and items: supports horizontal/vertical orientation, grow, shrink, basis, wrap.
Configurable alignment and spacing: justify, align_items, wrap, gap.
Nested layouts and reusable patterns: build complex UIs with nested Flex calls.
Examples and integration: designed to work within the hello_egui workspace.

Quick Start

Add egui_flex to your egui project and start a horizontal Flex layout by calling Flex::horizontal in your UI code.

Frequently Asked Questions about egui-flex

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I build responsive egui layouts without an external layout engine?▼

You can build responsive egui layouts by using a self-contained flexbox-style API that directly measures and positions widgets, eliminating the need for an external layout engine.

Can I use flexbox controls like grow, shrink, and wrap for Rust egui UI components?▼

Yes, you can configure flex containers and items with horizontal and vertical orientation, grow, shrink, basis, and wrapping to arrange Rust egui UI components predictably.

What's the best way to manage nested UI alignments and spacing in egui?▼

The best way to manage nested UI alignments is by calling nested Flex layouts, which support configurable justify, align_items, wrap, and gap spacing properties for complex interfaces.

Does egui-flex work within the hello_egui workspace?▼

Yes, egui-flex is designed for straightforward integration and works within the hello_egui workspace to provide fluid egui layouts with flexbox-style controls.

How do I start a horizontal Flex layout in my egui project?▼

To start a horizontal Flex layout, add the egui_flex dependency to your project and call Flex::horizontal directly in your UI code to arrange components.

Why do my egui widgets misalign when building complex responsive interfaces?▼

Widgets misalign when relying on default positioning, but you can resolve this by applying a flexbox-style Flex and FlexItem system to enforce strict measurement and alignment rules.