skills.rest
hafley66
hafley66COMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/hafley66/claude-research --skill egui-flex
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
hafley66hafley66
1

egui-layout-patterns

Translate CSS layout patterns into egui implementations for Rust UI development.

Community
Intermediate
filipexyzfilipexyz
1

ratatui

Build terminal user interfaces in Rust with Ratatui widgets and layouts.

Community
Intermediate
thepnateethepnatee

line-flex-message

Create LINE Flex Message JSON layouts for interactive chatbot interfaces.

Community
Advanced
jiaiyanjiaiyan
8

n-space

Add consistent spacing between UI elements with configurable layouts and alignment.

Community
Intermediate