Shard Detail

haki v0.1.0

Build native apps using GTK3+ and a dialect of HTML, declarative format allows you to create advanced structures with ease.
gtk html js native ui gui native-gui transpiler codegen css

Install & Use

Add the following code to your project's shard.yml under:

dependencies to use in production
- OR -
development_dependencies to use in development

  github: grkek/haki




GTK4 version of this project with proper integration using Duktape is available here.

Keep in mind:

  • None of the components generated by Layout contain anything remotely related to a Web-Browser.

  • Compiled binary reads the custom HTML and builds the GTK components. Since it is already a pre-built release version, it is pretty fast at generating the UI components.

  • The compiler supports CSS and JavaScript compilation, which glues the components and makes the UI interactive.


Before you clone the shard and build it, install the GTK libraries.

git clone
cd haki
shards install


# The GTK_DEBUG environment constant spawns a separate window
# with which you can debug UI elements.
GTK_DEBUG=interactive crystal run example/