Use any web browser or WebView as GUI, with your preferred language in the backend and HTML5 in the frontend, all in a lightweight portable lib.
Go to file
Hassan DRAGA 9aca227129
Adding the contributions section
Adding the `Contributions` section in the readme file.
2023-03-26 22:21:38 -04:00
.github/workflows Linux YML 2022-11-08 12:58:27 -05:00
build WebUI v2.0.7 2023-03-21 18:47:19 -04:00
examples WebUI v2.0.7 2023-03-21 18:47:19 -04:00
include WebUI v2.0.7 2023-03-21 18:47:19 -04:00
packages WebUI v2.0.7 2023-03-21 18:47:19 -04:00
scripts WebUI v2.0.7 2023-03-21 18:47:19 -04:00
src Increase Priority 2023-03-26 18:12:33 -03:00
website WebUI v2.0.7 2023-03-21 18:47:19 -04:00
.gitignore Add minimal Zig example 2023-03-18 14:38:11 -06:00
LICENSE WebUI v2.0.7 2023-03-21 18:47:19 -04:00
README.md Adding the contributions section 2023-03-26 22:21:38 -04:00
screenshot.png C Documentation and APIs Improvement 2022-11-02 21:43:48 -04:00
webui_diagram.png update readme 2022-10-30 15:29:10 -04:00

WebUI

Website Website Website

Use any web browser as GUI, with your preferred language in the backend, and HTML/JS/TS/CSS in the frontend.

ScreenShot

⚠️ Notice:

  • WebUI it's not a web-server solution or a framework, but it's an easy-embeddable tool to use any installed web browser as a user interface.

  • We are currently writing documentation.

  • WebUI is not ready yet for production release.

Features

  • Written in Pure C
  • Fully Independent (No need for any third-party library)
  • Lightweight (~160 Kb using TCC) & Small memory footprint
  • Fast WS binary communication (App--WebUI--Browser)
  • One header file
  • Multi-platform & Multi-Browser
  • Using private profile for safety

CppCon 2019 Presentation

Borislav Stanimirov discusses using HTML5 in the web browser as GUI at the C++ conference 2019.

Embrace Modern Technology: Using HTML 5 for GUI in C++ - Borislav Stanimirov - CppCon 2019

UI & The Web Technologies

Web 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.

Why Use Web Browser?

Today'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.

How does it work?

ScreenShot

Think 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, using WebUI, you use a tiny static/dynamic library to run any installed web browser and use it as GUI by communicating with it using a WebSocket, which makes your program small, fast, and portable. All it needs is a web browser.

Runtime Dependencies

WebView Qt WebUI
Runtime Dependencies on Windows WebView2 QtCore, QtGui, QtWidgets Any Web Browser
Runtime Dependencies on Linux GTK3, WebKitGTK QtCore, QtGui, QtWidgets Any Web Browser
Runtime Dependencies on macOS Cocoa, WebKit QtCore, QtGui, QtWidgets Any Web Browser

Documentation

Build

Examples

Supported Browser

OS Browser Status
Windows Firefox ✔️
Windows Chrome ✔️
Windows Edge ✔️
Linux Firefox ✔️
Linux Chrome ✔️
macOS Firefox coming soon
macOS Chrome coming soon
macOS Safari coming soon

Supported Language

Language Status Link
C ✔️ examples/C
C++ ✔️ examples/C++
Python ✔️ examples/Python
JavaScript ✔️ examples/TypeScript/Nodejs
TypeScript ✔️ examples/TypeScript/Deno
Go ✔️ examples/Go
Rust ✔️ examples/Rust
V ✔️ malisipi/vwebui
Nim ✔️ neroist/webui
Zig ✔️ examples/Zig

License

GNU General Public License v3.0

Contributions

Contributions are welcome! Please follow the guidelines below:

  • Please create PRs on the beta branches
  • Make sure that PRs deal with one issue only

Stargazers

Stargazers repo roster for @alifcommunity/webui