HSUIWindow

A custom window with declarative UI building

HSUIWindow allows you to create custom borderless windows with a SwiftUI-like declarative syntax. Build interfaces using shapes, text, images, and layout containers.

Building UI Elements

• Shapes: rectangle(), circle()
• Text: text(content)
• Buttons: button(label) — uses SwiftUI's native Button for press-state feedback
• Images: image(imageValue)
• Layout: vstack(), hstack(), zstack(), spacer()

Modifying Elements

• Shape modifiers: fill(), stroke(), strokeWidth(), cornerRadius()
• Text modifiers: font(), foregroundColor()
• Image modifiers: resizable(), aspectRatio(mode)
• Layout modifiers: frame(), opacity(), padding(), spacing()

Examples

Simple window with text and shapes:

hs.ui.window({x: 100, y: 100, w: 300, h: 200})
    .vstack()
        .spacing(10)
        .padding(20)
        .text("Dashboard")
            .font(HSFont.largeTitle())
            .foregroundColor("#FFFFFF")
        .rectangle()
            .fill("#4A90E2")
            .cornerRadius(10)
            .frame({w: "90%", h: 80})
    .end()
    .backgroundColor("#2C3E50")
    .show();

Window with image:

const img = HSImage.fromPath("~/Pictures/photo.jpg")
hs.ui.window({x: 100, y: 100, w: 400, h: 300})
    .vstack()
        .padding(20)
        .image(img)
            .resizable()
            .aspectRatio("fit")
            .frame({w: 360, h: 240})
    .end()
    .show();