Ratatui Macros

ratatui-macros is a Rust crate that provides easy-to-use macros for simplifying boilerplate associated with creating UI using ratatui.

Features

Constraint-based Layouts: Easily define layout constraints such as fixed, percentage, minimum, and maximum sizes, as well as ratios.
Directional Layouts: Specify layouts as either horizontal or vertical with simple macro commands.
Color palette: Define color palette based on TailwindCSS's expertly-crafted default color palette.

Getting Started

To use ratatui-macros in your Rust project, add it as a dependency in your Cargo.toml:

cargo add ratatui-macros

Then, import the macros in your Rust file:

use ratatui_macros::{
    constraint,
    constraints,
    horizontal,
    palette,
    vertical,
};

Color

The palette! macro allows you to define color palettes with ease. It is based on TailwindCSS's default color palette.

use ratatui::prelude::Color;
use ratatui_macros::palette;

palette!(pub SLATE);

assert_eq!(SLATE_900, Color::Rgb(15, 23, 42));

The palette!(pub SLATE) macro expands to the following:

use ratatui::prelude::Color;
pub const SLATE_50: Color = Color::Rgb(248, 250, 252);
pub const SLATE_100: Color = Color::Rgb(241, 245, 249);
pub const SLATE_200: Color = Color::Rgb(226, 232, 240);
pub const SLATE_300: Color = Color::Rgb(203, 213, 225);
pub const SLATE_400: Color = Color::Rgb(148, 163, 184);
pub const SLATE_500: Color = Color::Rgb(100, 116, 139);
pub const SLATE_600: Color = Color::Rgb(71, 85, 105);
pub const SLATE_700: Color = Color::Rgb(51, 65, 85);
pub const SLATE_800: Color = Color::Rgb(30, 41, 59);
pub const SLATE_900: Color = Color::Rgb(15, 23, 42);

Layout

If you are new to Ratatui, check out https://ratatui.rs/concepts/layout/ before proceeding.

Use the constraints! macro to define layout constraints:

use ratatui::prelude::*;
use ratatui_macros::constraints;

assert_eq!(
    constraints![==50, ==30%, >=3, <=1, ==1/2],
    [
        Constraint::Length(50),
        Constraint::Percentage(30),
        Constraint::Min(3),
        Constraint::Max(1),
        Constraint::Ratio(1, 2),
    ]
)

use ratatui::prelude::*;
use ratatui_macros::constraints;

assert_eq!(
    constraints![==1/4; 4],
    [
        Constraint::Ratio(1, 4),
        Constraint::Ratio(1, 4),
        Constraint::Ratio(1, 4),
        Constraint::Ratio(1, 4),
    ]
)

Use the constraint! macro to define individual constraints:

use ratatui::prelude::*;
use ratatui_macros::constraint;

assert_eq!(
    constraint!(==50),
    Constraint::Length(50),
)

Create vertical and horizontal layouts using the vertical! and horizontal! macros:

use ratatui::prelude::*;
use ratatui_macros::{vertical, horizontal};

let area = Rect { x: 0, y: 0, width: 10, height: 10 };

let [main, bottom] = vertical![==100%, >=3]
    .split(area)
    .to_vec()
    .try_into()
    .unwrap();

assert_eq!(bottom.y, 7);
assert_eq!(bottom.height, 3);

let [left, main, right] = horizontal![>=3, ==100%, >=3]
    .split(area)
    .to_vec()
    .try_into()
    .unwrap();

assert_eq!(left.width, 3);
assert_eq!(right.width, 3);

Contributing