/bevy_ui_inspector

Poor man's chrome dev tools for bevy

Primary LanguageRust

Bevy UI Inspector

A tool that tries to do what the html / css tools in the chrome dev tools do.

How to use

    App::new()
        .add_plugins((
            DefaultPlugins,
            UiInpector,
        ))
        .run()

    // To make the gizmos work correctly and not be drawn behind the UI.
    // Add a builtin bevy IsDefaultUiCamera component to your Camera.
    commands.spawn((
        Camera3d { ..default() },
        Transform::from_xyz(0.0, 0.0, 15.0).looking_at(Vec3::ZERO, Vec3::Y),
        IsDefaultUiCamera,
    ));

Features

  • A way to see the UI node hierarchy
  • Fiddling with styling properties while running the app
  • A picker to quickly go to a node you want to inspect

Demo

demo

Compatibility

bevy bevy_ui_inspector
0.15 0.3
0.14 0.2

Todos

  • More styling properties
  • Add background color
  • Add selection / changing of text