Supports Windows, Linux, Android¹ & Web² (Experimental). Not tested on MacOS³.

1: System themes & map widget not working on Android now. If you interested with compiling for android, look here

2: With Emscripten. System themes & map widget not working now. If you interested with compiling for web, look here

3: All critical processes (like Widget drawing, click handling etc.) should work on MacOS. But themes and screen reader won't work, and could be include MacOS-only bug.

import mui as m

fn increase_count(event_details m.EventDetails,mut app &m.Window, app_data voidptr){
	unsafe{   app.get_object_by_id("count")[0]["text"].str=(app.get_object_by_id("count")[0]["text"].str.int()+1).str()   }
}

mut app:=m.create(m.WindowConfig{ title:"Counter - MUI Example", height:100, width:400 })

app.label(m.Widget{ id:"count", x:"5%x", y:"5%y", width:"45%x", height:"90%y" text:"0" })
app.button(m.Widget{ id:"count_button", x:"# 5%x", y:"5%y", width:"45%x", height:"90%y", text:"Count", onclick:increase_count })

app.run()

You can find more examples in ./examples/ folder. Also you can visit Gallery that lists applications screenshots uses MUI.

You can test MUI easily from here.

• Theme from system accent color, If couldn't found accent color, use dark/light theme preference. If couldn't found dark/light theme preference, choose light theme
• Webview Window
• Widgets
  • Slider (Verical & Horizontal)
  • Button
  • Label
  • Textbox
  • Password
  • Group
  • Rect
  • Image
  • Progress
  • Radio Button
  • Checkbox
  • Link
  • Selectbox
  • Table
  • Graphs
    • Line Graph
    • Area Graph
  • Menubar
  • Map (Desktop Only)
  • Switch
  • Textarea
  • Codefield
  • Scrollbar (Verical & Horizontal)
  • Frames & Nested-Frames
  • Tabbed View
• Custom/Thirdparty Widget Support (Not Finished Completely Yet)
• Screen Reader Support (Experimental - Linux & Windows Only)
• Emoji Icon Support (Desktop Only)
• Dialogs
  • Messagebox (Tinyfiledialogs & built-in & web)
  • Inputbox (Tinyfiledialogs & built-in & web)
  • Passwordbox (Tinyfiledialogs & built-in & web)
  • Color Chooser (Tinyfiledialogs & built-in & web)
  • File Open/Save Dialog (Tinyfiledialogs)
  • Folder Open Dialog (Tinyfiledialogs)
  • Notification Support (Tinyfiledialogs)
  • Custom Dialog Support (Not Finished Completely Yet)
• Anchor System
• Transition Animations (Supports Anchors)
• File Drag-n-Drop (Desktop Only)
• Z-Index Support
• Ask Quit Dialog & Quit Function (Desktop Only)
• Keybindings (Ctrl+Key Combinations for now) Will be ignored pressed keys/key combinations that used by widgets if the assigned function to the key/key combination.

• Widgets:
  • New Radio Button
  • Treeview
  • Status Bar
  • Spinner
  • Spin Button
  • Editable Label
  • Bar Chart
  • Pie Chart
  • Column Chart
  • Gauge chart
  • Split View
• Themes:
  • Custom Colors for Widgets (except Themes)
  • Handle Appearance Preferences (like Background Color, Text Color)
  • Improve Light Theme
• Other:
  • Context Menu
  • Syntax Highlighting For Codefield
  • Hot Code Reloading
  • Disable Status (for Buttons, Checkboxs, Selectboxs, etc.)
  • Load UI from External XML/JSON File
  • Improve Documentation
  • GUI Builder

To install, run v install https://github.com/malisipi/mui

To remove, run v remove malisipi.mui

• You need to use V Android Bootstrapper to compile for Android.
• Tinyfiledialogs won't work on Android, but you can use built-in dialogs.
• If you want to working keyboard, you need patch the sokol library that placed into v/thirdparty. You can found the patch file from ./patches.

How to compile demo.v with emscripten:

[~/.vmodules/malisipi/mui/examples]$ v -d emscripten -d no_emoji -gc none -os wasm32-emscripten demo.v -o emscripten_.c

[~/.vmodules/malisipi/mui/examples]$ cat emscripten_.c | sed 's/waitpid(p->pid, &cstatus, 0);/-1;/g' | sed 's/waitpid(p->pid, &cstatus, WNOHANG);/-1;/g' | sed 's/wait(0);/-1;/g' &> emscripten.c

[path/to/dir/v]$ emcc -fPIC -Wimplicit-function-declaration -w  thirdparty/stb_image/stbi.c -I/usr/include/gc/   -Ithirdparty/stb_image -Ithirdparty/fontstash -Ithirdparty/sokol -Ithirdparty/sokol/util    -DSOKOL_GLES2 -DSOKOL_NO_ENTRY   -DNDEBUG -O3   -s ERROR_ON_UNDEFINED_SYMBOLS=0 -s ALLOW_MEMORY_GROWTH -s MODULARIZE -s ASSERTIONS=1 ~/.vmodules/malisipi/mui/examples/emscripten.c -o ~/.vmodules/malisipi/mui/examples/app.js --embed-file ~/.vmodules/malisipi/mui/assets/noto.ttf@/noto.ttf --embed-file ~/.vmodules/malisipi/mui/examples/[email protected]

• You must to compile webview.o for one time before starting to building your applications.

• For Windows

  • Requirenments:
    • GCC (need to be inside Path)
    • Windows 10 SDK (Also you can use Windows 11 SDK)
    • Microsoft Edge Webview2 Runtime (Pre-installed in latest Windows 10 and Windows 11)
    • And some patience :')
  • set W10_SDK=<sdk_path> (ex. C:\Program Files (x86)\Windows Kits\10\Include\10.0.22621.0\)
  • %USERPROFILE%\.vmodules\malisipi\mui\webview> build_webview_for_windows.cmd
  • X:\path\to\example> copy "%USERPROFILE%\.vmodules\malisipi\mui\webview\webview2\runtimes\win-<win_arch>\native\WebView2Loader.dll" "X:\path\to\example"
  • X:\path\to\example> v -cc gcc example.v

• For Linux

  • Requirenments:
    • GCC
    • libgtk-3-dev and libwebkit2gtk-4.0-dev package (on Debian-based systems)
  • [~/.vmodules/malisipi/mui/webview/]$ ./build_webview_for_linux.sh
  • You're ready to go!

For Windows;

• MSVC and TCC (sometimes) not works. I strongly suggest GCC to compile your programs. v -cc gcc ...

If you have a problem/question or feature request about MUI, you can create a issue.

• You should run processes that required more time than 0.2s as concurrent. If you don't, app couldn't response until finish processes.
  • Also dialogs (specially, built-in dialogs) must to be runned concurrent as different functions than main threads. If don't, app never response.

  //Don't (App never response when call the function)
  fn run_dialog(event_details m.EventDetails,mut app &m.Window, app_data voidptr){
      app.create_dialog(m.Modal{typ:"messagebox",message:"Hello, "+app.wait_and_get_answer(),title:"Hi!"})
      print(app.wait_and_get_answer())
  }
  
  //Do
  fn do_another_process(mut app &m.Window){
      app.create_dialog(m.Modal{typ:"messagebox",message:"Hello, "+app.wait_and_get_answer(),title:"Hi!"})
      print(app.wait_and_get_answer())
  }
  
  fn run_dialog(event_details m.EventDetails,mut app &m.Window, app_data voidptr){
      go do_another_process(mut app)
  }

• This project licensed by Apache License 2.0.
• Tinyfiledialogs (./tinyfiledialogs/) (Patched) licensed by Zlib License.
• Noto Emoji Font (./noto_emoji_font/) licensed by OFL License.
• Noto Font (./assets/noto.ttf) licensed by OFL License.
• Noto (Japanese) Font (./assets/noto_jp.ttf) licensed by OFL License.
• V-logo (./examples/v-logo.png) licensed by MIT License.
• Original Sokol and Sokol Patch (./patches/sokol_android_keyboard.patch) licensed by Zlib license.
• Webview (./webview/webview) (Patched) licensed by MIT License.
• Webview2 (1.0.1264.42) (./webview/webview2) -> License.

You can read documentation from here