Skip to content
kojix2Public

About

Crystal binding for libui

Topics

Resources

Stars

43 stars

Watchers

1 watching

Forks

Repository files navigation

UIng

Screenshot Tests Lines of Code Ask DeepWiki

CI • Linux (x64) CI • Linux (ARM64) CI • macOS (ARM64) CI • macOS (Intel) CI • Windows (x64, MSVC) CI • Windows (x64, MinGW64) CI • Windows (x64, UCRT64)

UIng is a Crystal binding for kojix2/libui-ng. You can use the Crystal language to create cross-platform native desktop apps.

Documentation: Guide · English · 日本語 · API Reference

libui-ng uses the native APIs of each platform: Win32 API, Direct2D, and DirectWrite on Windows; Cocoa (AppKit) on macOS; and GTK+ 3.10+ and Pango on Linux/Unix. You get windows, buttons, text boxes, menus, dialogs, drawing areas, and other standard widgets.

Windows Mac Linux

📸 Live Documentation: All screenshots in the README are automatically generated by GitHub Actions on every push, ensuring cross-platform compatibility (Linux, Windows, macOS).

Supported Platforms

  • macOS: x86_64 (64-bit), ARM64 (Apple Silicon)
  • Linux: x86_64 (64-bit), ARM64
  • Windows: x86_64 (64-bit, MSVC, MinGW, and UCRT)

Installation

Add the dependency to your shard.yml:

dependencies:
  uing:
    github: kojix2/uing

Run shards install. The post-install script downloads the required libui-ng binary for the current platform. See the installation guide for platform-specific setup.

Quick Start

Create hello.cr:

require "uing"

UIng.init

window = UIng::Window.new("Hello World", 300, 200)
window.on_closing do
  UIng.quit
  true
end

button = UIng::Button.new("Click me")
button.on_clicked do
  window.msg_box("Info", "Button clicked!")
end

window.child = button
window.show

UIng.main
UIng.uninit

Run it with:

crystal run hello.cr

To run the full control gallery from a checkout:

git clone https://github.com/kojix2/uing
cd uing
shards install
crystal run examples/crimage/control_gallery.cr

Continue with the First Steps guide. The optional block-based DSL is covered in Coding Styles.

Examples Gallery

This gallery shows screenshots of example on three platforms (Ubuntu, Windows, macOS).
Images are automatically generated and stored in the screenshots branch.

Window

Control Ubuntu Windows macOS
Window basic_window-ubuntu basic_window-windows basic_window-macos
Toolbar basic_toolbar-ubuntu basic_toolbar-windows basic_toolbar-macos

Note: Toolbar is a feature specific to kojix2/libui-ng. It is experimental and may change.

Control

Control Ubuntu Windows macOS
Button basic_button-ubuntu basic_button-windows basic_button-macos
Checkbox basic_checkbox-ubuntu basic_checkbox-windows basic_checkbox-macos
ColorButton basic_color_button-ubuntu basic_color_button-windows basic_color_button-macos
Combobox basic_combobox-ubuntu basic_combobox-windows basic_combobox-macos
DateTimePicker basic_date_time_picker-ubuntu basic_date_time_picker-windows basic_date_time_picker-macos
EditableCombobox basic_editable_combobox-ubuntu basic_editable_combobox-windows basic_editable_combobox-macos
Entry basic_entry-ubuntu basic_entry-windows basic_entry-macos
FontButton basic_font_button-ubuntu basic_font_button-windows basic_font_button-macos
Label basic_label-ubuntu basic_label-windows basic_label-macos
MultilineEntry basic_multiline_entry-ubuntu basic_multiline_entry-windows basic_multiline_entry-macos
Progressbar basic_progressbar-ubuntu basic_progressbar-windows basic_progressbar-macos
RadioButtons basic_radio_buttons-ubuntu basic_radio_buttons-windows basic_radio_buttons-macos
Separator basic_separator-ubuntu basic_separator-windows basic_separator-macos
Slider basic_slider-ubuntu basic_slider-windows basic_slider-macos
Spinbox basic_spinbox-ubuntu basic_spinbox-windows basic_spinbox-macos

Container Control

Container Ubuntu Windows macOS
Box (Horizontal) basic_box_horizontal-ubuntu basic_box_horizontal-windows basic_box_horizontal-macos
Box (Vertical) basic_box_vertical-ubuntu basic_box_vertical-windows basic_box_vertical-macos
Tab basic_tab-ubuntu basic_tab-windows basic_tab-macos
Form basic_form-ubuntu basic_form-windows basic_form-macos
Group basic_group-ubuntu basic_group-windows basic_group-macos
Grid basic_grid-ubuntu basic_grid-windows basic_grid-macos
Grid (Calculator) grid_calculator-ubuntu grid_calculator-windows grid_calculator-macos

Table

Example Ubuntu Windows macOS
basic_table basic_table-ubuntu basic_table-windows basic_table-macos
csv_viewer csv_viewer-ubuntu csv_viewer-windows csv_viewer-macos
advanced_table advanced_table-ubuntu advanced_table-windows advanced_table-macos

Area

Example Ubuntu Windows macOS
basic_area basic_area-ubuntu basic_area-windows basic_area-macos
area_basic_shapes area_basic_shapes-ubuntu area_basic_shapes-windows area_basic_shapes-macos
area_colors_and_brushes area_colors_and_brushes-ubuntu area_colors_and_brushes-windows area_colors_and_brushes-macos
area_analog_clock area_analog_clock-ubuntu area_analog_clock-windows area_analog_clock-macos
area_matrix area_matrix-ubuntu area_matrix-windows area_matrix-macos
basic_draw_text basic_draw_text-ubuntu basic_draw_text-windows basic_draw_text-macos
reversi reversi-ubuntu reversi-windows reversi-macos
area_breakout area_breakout-ubuntu area_breakout-windows area_breakout-macos
boid3d boid3d-ubuntu boid3d-windows boid3d-macos

Menu

Example Ubuntu Windows macOS
basic_menu basic_menu-ubuntu basic_menu-windows basic_menu-macos

Dialog

Example Ubuntu Windows macOS
basic_msg_box basic_msg_box-ubuntu basic_msg_box-windows basic_msg_box-macos
basic_msg_box_error basic_msg_box_error-ubuntu basic_msg_box_error-windows basic_msg_box_error-macos

Image

require "uing/crimage" enables optional helpers for reading images, converting CrImage pixels, and passing CrImage colors to UIng controls. Applications using these helpers must declare crimage in their own shard.yml. Plain require "uing" does not load it. CrImage examples are kept in examples/crimage/. See the ImageView guide for usage and image ownership rules.

Example Ubuntu Windows macOS
area_draw_image area_draw_image-ubuntu area_draw_image-windows area_draw_image-macos
basic_image_view basic_image_view-ubuntu basic_image_view-windows basic_image_view-macos

Note: Image display is a feature introduced in kojix2/libui-ng. This feature is not present in the original libui-ng.

Contributing

See the development and contribution guide. Bug reports, pull requests, and articles about UIng are welcome.

License

MIT License

About

Crystal binding for libui

Topics

Resources

Stars

43 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages