swoop-ui 0.1.4

A swifuUI style bevy engine ui toolkit
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

# 🧱 Swoop UI
[![Crates.io](https://img.shields.io/crates/v/swoop-ui)](https://crates.io/crates/swoop-ui)
[![docs](https://docs.rs/swoop-ui/badge.svg)](https://docs.rs/swoop-ui/)
[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/NoMaoSky/swoop-ui/blob/main/LICENSE)
[![Crates.io](https://img.shields.io/crates/d/swoop-ui)](https://crates.io/crates/swoop-ui)
[![Following released Bevy versions](https://img.shields.io/badge/Bevy%20tracking-released%20version-lightblue)](https://bevyengine.org/learn/quick-start/plugin-development/#main-branch-tracking)

**Swoop UI** is a modular, ergonomic layout toolkit built on top of Bevy UI. It introduces expressive layout containers like `HStack`, `VStack`, `HGrid`, and `VGrid`, supporting fluent syntax for padding, spacing, border, and background styling.

## ✨ Features

- ✅ Chainable builder-style API (e.g. `.frame().padding().background_color()`)
- ✅ Grid and Stack layout containers with uniform interface
- ✅ Modular traits like `UiBase`, `StackContainer`, `GridContainer`, etc.
- ✅ Seamless integration with Bevy's ECS via `.pack()` → `impl Bundle`

---

## 📦 Example

```rust
use swoop_ui::prelude::*;

fn setup_ui(mut commands: Commands) {
    let layout = HStack::new(AlignItems::Center, Val::Px(12.0))
        .frame(Val::Percent(100.0), Val::Px(64.0))
        .padding(UiRect::horizontal(Val::Px(16.0)))
        .background_color(Color::rgb(0.1, 0.1, 0.2))
        .border_color(Color::WHITE)
        .border_radius(BorderRadius::all(Val::Px(8.0)))
        .name("MainHeader");

    commands.spawn(layout.pack());
}
```

| bevy  | swoop-ui |
|-------|----------|
| 0.16  | 0.1      |