Repository files navigation

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, lookhere

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

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.

importmuiasmfnincrease_count(event_details m.EventDetails,mut app&m.Window, app_datavoidptr){unsafe{   app.get_object_by_id("count")[0]["text"].str=(app.get_object_by_id("count")[0]["text"].str.int()+1).str()   }}mutapp:=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 visitGallery that lists applications screenshots uses MUI.

You can test MUI easily fromhere.

• C Bindings (Desktop Only & Experimental)
• 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
  • List View
  • Spinner (aka UpDown)
  • 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.
• Japanese Input Support (Experimental)

• Widgets:
  • Treeview
  • Status Bar
  • Editable Label
  • Bar Chart
  • Pie Chart
  • Column Chart
  • Gauge chart
  • Split View
  • Grid View
• Themes:
  • Custom Colors for Widgets (except Themes)
  • 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
  • Support Other languages except V like Python and C

You can make your MUI applications more powerful with plugins.

BrowseMUI plugin list

To install, runv install https://github.com/malisipi/mui

To remove, runv remove malisipi.mui

• You need to useV 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/v-logo.png@v-logo.png

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

• For Windows

  • Requirenments:
    • GCC (need to be inside Path)
    • Microsoft Edge Webview2 Runtime (Pre-installed in latest Windows 10 and Windows 11)
  • %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 andlibwebkit2gtk-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 (without full-winapi, look below) 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)fnrun_dialog(event_details m.EventDetails,mut app&m.Window, app_datavoidptr){    app.create_dialog(m.Modal{typ:"messagebox",message:"Hello, "+app.wait_and_get_answer(),title:"Hi!"})print(app.wait_and_get_answer())}//Dofndo_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())}fnrun_dialog(event_details m.EventDetails,mut app&m.Window, app_datavoidptr){godo_another_process(mut app)}

• This project licensed byApache 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 andSokol 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 these links.

• mui
• mui.webview