{"id":21725903,"url":"https://github.com/webui-dev/odin-webui","last_synced_at":"2025-07-18T18:31:23.792Z","repository":{"id":204174544,"uuid":"710612671","full_name":"webui-dev/odin-webui","owner":"webui-dev","description":"Use any web browser as GUI, with Odin in the backend and modern web technologies in the frontend.","archived":false,"fork":false,"pushed_at":"2025-01-14T22:48:01.000Z","size":2520,"stargazers_count":42,"open_issues_count":0,"forks_count":3,"subscribers_count":7,"default_branch":"main","last_synced_at":"2025-06-01T19:17:40.366Z","etag":null,"topics":["cross-platform","gui","library","linux","macos","odin","windows"],"latest_commit_sha":null,"homepage":"","language":"Odin","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/webui-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-10-27T04:15:01.000Z","updated_at":"2025-05-28T00:01:27.000Z","dependencies_parsed_at":"2024-05-30T20:39:39.483Z","dependency_job_id":"b1bbb691-282e-437a-bbae-60b5514c09e5","html_url":"https://github.com/webui-dev/odin-webui","commit_stats":null,"previous_names":["webui-dev/odin-webui"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/webui-dev/odin-webui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webui-dev%2Fodin-webui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webui-dev%2Fodin-webui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webui-dev%2Fodin-webui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webui-dev%2Fodin-webui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webui-dev","download_url":"https://codeload.github.com/webui-dev/odin-webui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webui-dev%2Fodin-webui/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265809888,"owners_count":23831944,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cross-platform","gui","library","linux","macos","odin","windows"],"created_at":"2024-11-26T03:20:03.047Z","updated_at":"2025-07-18T18:31:23.777Z","avatar_url":"https://github.com/webui-dev.png","language":"Odin","readme":"\u003cdiv align=\"center\"\u003e\n\n![Logo](https://raw.githubusercontent.com/webui-dev/webui-logo/main/webui_odin.png)\n\n# Odin-WebUI\n\n[build-status]: https://img.shields.io/github/actions/workflow/status/webui-dev/odin-webui/ci.yml?branch=main\u0026style=for-the-badge\u0026logo=githubactions\u0026labelColor=414868\u0026logoColor=C0CAF5\n[last-commit]: https://img.shields.io/github/last-commit/webui-dev/odin-webui?style=for-the-badge\u0026logo=github\u0026logoColor=C0CAF5\u0026labelColor=414868\n[release-version]: https://img.shields.io/github/v/tag/webui-dev/odin-webui?style=for-the-badge\u0026logo=webtrees\u0026logoColor=C0CAF5\u0026labelColor=414868\u0026color=7664C6\n[license]: https://img.shields.io/github/license/webui-dev/odin-webui?style=for-the-badge\u0026logo=opensourcehardware\u0026label=License\u0026logoColor=C0CAF5\u0026labelColor=414868\u0026color=8c73cc\n\n[![][build-status]](https://github.com/webui-dev/odin-webui/actions?query=branch%3Amain)\n[![][last-commit]](https://github.com/webui-dev/odin-webui/pulse)\n[![][release-version]](https://github.com/webui-dev/odin-webui/releases/latest)\n[![][license]](https://github.com/webui-dev/odin-webui/blob/main/LICENSE)\n\n\u003e Use any web browser or WebView as GUI.\\\n\u003e With Odin in the backend and modern web technologies in the frontend.\n\n![Screenshot](https://raw.githubusercontent.com/webui-dev/webui-logo/main/screenshot.png)\n\n\u003c/div\u003e\n\n## Contents\n\n- [Features](#features)\n- [Installation](#installation)\n- [Examples](#minimal-example)\n- [Debugging](#debugging)\n- [Documentation](#documentation)\n- [UI \u0026 The Web Technologies](#ui--the-web-technologies)\n- [Wrappers](#wrappers)\n- [Supported Web Browsers](#supported-web-browsers)\n- [License](#license)\n\n## Features\n\n- Portable (*Needs only a web browser at runtime*)\n- Lightweight (*Few Kb library*) \u0026 Small memory footprint\n- Fast binary communication protocol\n- Multi-platform \u0026 Multi-Browser\n- Using private profile for safety\n- Original library is written in Pure C\n\n## Installation\n\n```sh\n# Add odin-webui as a submodule to your project\ngit submodule add https://github.com/webui-dev/odin-webui.git webui\n\n# Linux/MacOS\nwebui/setup.sh \n\n# Windows\nwebui/setup.ps1\n```\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ckbd\u003etoggle\u003c/kbd\u003e \u003cb\u003eFull example creating a project and adding odin-webui as a submodule.\u003c/b\u003e\u003c/summary\u003e\n\n```sh\n# Create your project directory\nmkdir my_proj \n\n# Change Directory into the project Directory\ncd my_proj\n\n# Initialize the directory to be a git repository\ngit init\n\n# Add odin-webui as a submodule to your project\ngit submodule add https://github.com/webui-dev/odin-webui.git webui\n\n# Build the linkers used for the binding from the C library.\n# Linux/MacOS\nwebui/setup.sh\n# Windows\nwebui/setup.ps1 \n\n# Create a file called 'main.odin' in your project directory. \n# Copy the minimal example code in the next step and paste into 'main.odin'.\n# Run the example with the command: 'odin run main.odin -file'.\n```\n\u003c/details\u003e\n\n## Minimal Example\n\n```odin\n// main.odin\npackage main\n\nimport ui \"webui\"\n\nmain :: proc() {\n    my_window: uint = ui.new_window()\n    ui.show(my_window, \"\u003chtml\u003e \u003cscript src=\\\"webui.js\\\"\u003e\u003c/script\u003e Thanks for using WebUI! \u003c/html\u003e\")\n    ui.wait()\n}\n```\n[More examples](https://github.com/webui-dev/odin-webui/tree/main/examples)\n\n\n\n## Debugging\n\nTo use WebUI's debug build in your Odin-WebUI application, add the `-debug` switch. E.g.:\n\n```sh\nodin run examples/minimal.odin -file -debug\n```\n\n## Documentation\n- [Online Documentation](https://webui.me/docs/2.5/#/)\n\n## UI \u0026 The Web Technologies\n\n[Borislav Stanimirov](https://ibob.bg/) discusses using HTML5 in the web browser as GUI at the [C++ Conference 2019 (_YouTube_)](https://www.youtube.com/watch?v=bbbcZd4cuxg).\n\n\u003c!-- \u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://www.youtube.com/watch?v=bbbcZd4cuxg\"\u003e\u003cimg src=\"https://img.youtube.com/vi/bbbcZd4cuxg/0.jpg\" alt=\"Embrace Modern Technology: Using HTML 5 for GUI in C++ - Borislav Stanimirov - CppCon 2019\"\u003e\u003c/a\u003e\n\u003c/div\u003e --\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n![CPPCon](https://github.com/webui-dev/webui/assets/34311583/4e830caa-4ca0-44ff-825f-7cd6d94083c8)\n\n\u003c/div\u003e\n\nWeb application UI design is not just about how a product looks but how it works. Using web technologies in your UI makes your product modern and professional, And a well-designed web application will help you make a solid first impression on potential customers. Great web application design also assists you in nurturing leads and increasing conversions. In addition, it makes navigating and using your web app easier for your users.\n\n### Why Use Web Browsers?\n\nToday's web browsers have everything a modern UI needs. Web browsers are very sophisticated and optimized. Therefore, using it as a GUI will be an excellent choice. While old legacy GUI lib is complex and outdated, a WebView-based app is still an option. However, a WebView needs a huge SDK to build and many dependencies to run, and it can only provide some features like a real web browser. That is why WebUI uses real web browsers to give you full features of comprehensive web technologies while keeping your software lightweight and portable.\n\n### How Does it Work?\n\n\u003cdiv align=\"center\"\u003e\n\n![Diagram](https://github.com/ttytm/webui/assets/34311583/dbde3573-3161-421e-925c-392a39f45ab3)\n\n\u003c/div\u003e\n\nThink of WebUI like a WebView controller, but instead of embedding the WebView controller in your program, which makes the final program big in size, and non-portable as it needs the WebView runtimes. Instead, by using WebUI, you use a tiny static/dynamic library to run any installed web browser and use it as GUI, which makes your program small, fast, and portable. **All it needs is a web browser**.\n\n### Runtime Dependencies Comparison\n\n|                                 | WebView           | Qt                         | WebUI               |\n| ------------------------------- | ----------------- | -------------------------- | ------------------- |\n| Runtime Dependencies on Windows | _WebView2_        | _QtCore, QtGui, QtWidgets_ | **_A Web Browser_** |\n| Runtime Dependencies on Linux   | _GTK3, WebKitGTK_ | _QtCore, QtGui, QtWidgets_ | **_A Web Browser_** |\n| Runtime Dependencies on macOS   | _Cocoa, WebKit_   | _QtCore, QtGui, QtWidgets_ | **_A Web Browser_** |\n\n## Wrappers\n\n| Language        | v2.4.0 API | v2.5.0 API | Link                                                    |\n| --------------- | --- | -------------- | ---------------------------------------------------------  |\n| Python          | ✔️ | _not complete_ | [Python-WebUI](https://github.com/webui-dev/python-webui)  |\n| Go              | ✔️ | _not complete_ | [Go-WebUI](https://github.com/webui-dev/go-webui)          |\n| Zig             | ✔️ |  _not complete_ | [Zig-WebUI](https://github.com/webui-dev/zig-webui)        |\n| Nim             | ✔️ |  _not complete_ | [Nim-WebUI](https://github.com/webui-dev/nim-webui)        |\n| V               | ✔️ |  _not complete_ | [V-WebUI](https://github.com/webui-dev/v-webui)            |\n| Rust            | _not complete_ |  _not complete_ | [Rust-WebUI](https://github.com/webui-dev/rust-webui)      |\n| TS / JS (Deno)  | ✔️ |  _not complete_ | [Deno-WebUI](https://github.com/webui-dev/deno-webui)      |\n| TS / JS (Bun)   | _not complete_ |  _not complete_ | [Bun-WebUI](https://github.com/webui-dev/bun-webui)        |\n| Swift           | _not complete_ |  _not complete_ | [Swift-WebUI](https://github.com/webui-dev/swift-webui)    |\n| Odin            | _not complete_ |  _not complete_ | [Odin-WebUI](https://github.com/webui-dev/odin-webui)      |\n| Pascal          | _not complete_ |  _not complete_ | [Pascal-WebUI](https://github.com/webui-dev/pascal-webui)  |\n| Purebasic       | _not complete_ |  _not complete_ | [Purebasic-WebUI](https://github.com/webui-dev/purebasic-webui)|\n| - |  |  |\n| Common Lisp     | _not complete_ |  _not complete_ | [cl-webui](https://github.com/garlic0x1/cl-webui)          |\n| Delphi          | _not complete_ |  _not complete_ | [WebUI4Delphi](https://github.com/salvadordf/WebUI4Delphi) |\n| C#              | _not complete_ |  _not complete_ | [WebUI4CSharp](https://github.com/salvadordf/WebUI4CSharp) |\n| WebUI.NET       | _not complete_ |  _not complete_ | [WebUI.NET](https://github.com/Juff-Ma/WebUI.NET)          |\n| QuickJS         | _not complete_ |  _not complete_ | [QuickUI](https://github.com/xland/QuickUI)                |\n| PHP             | _not complete_ |  _not complete_ | [PHPWebUiComposer](https://github.com/KingBes/php-webui-composer) |\n\n## Supported Web Browsers\n\n| Browser         | Windows         | macOS         | Linux           |\n| --------------- | --------------- | ------------- | --------------- |\n| Mozilla Firefox | ✔️              | ✔️            | ✔️              |\n| Google Chrome   | ✔️              | ✔️            | ✔️              |\n| Microsoft Edge  | ✔️              | ✔️            | ✔️              |\n| Chromium        | ✔️              | ✔️            | ✔️              |\n| Yandex          | ✔️              | ✔️            | ✔️              |\n| Brave           | ✔️              | ✔️            | ✔️              |\n| Vivaldi         | ✔️              | ✔️            | ✔️              |\n| Epic            | ✔️              | ✔️            | _not available_ |\n| Apple Safari    | _not available_ | _coming soon_ | _not available_ |\n| Opera           | _coming soon_   | _coming soon_ | _coming soon_   |\n\n### License\n\n\u003e Licensed under the MIT License.\n\n### Stargazers\n\n[![stargazers](https://reporoster.com/stars/webui-dev/odin-webui)](https://github.com/webui-dev/odin-webui/stargazers)\n\n\n","funding_links":[],"categories":["Bindings"],"sub_categories":["Vendor"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebui-dev%2Fodin-webui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebui-dev%2Fodin-webui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebui-dev%2Fodin-webui/lists"}