Home

Awesome

<div align="center">

Logo

Pascal-WebUI v2.4.0

Nightly Build Last commit) Issues Website

WebUI is not a web-server solution or a framework, but it allows you to use any web browser as a GUI, with Pascal in the backend and HTML5 in the frontend. All in a lightweight portable lib.

<div align="center">

Screenshot

</div> </div>

Features

Minimal Example

program minimal;

{$mode objfpc}{$H+}

uses
  webui;

var
  window: size_t;

begin
  window := webui_new_window;

  webui_show(window, '<html>Hello World<script src="/webui.js"></script></html>');
  webui_wait;
end.

More examples

Text editor

This text editor is a lightweight and portable example written in Free Pascal and JavaScript using WebUI as the GUI.

Screenshot

Documentation

Online documentation

Runtime Dependencies Comparison

WebViewQtWebUI
Runtime Dependencies on WindowsWebView2QtCore, QtGui, QtWidgetsA Web Browser
Runtime Dependencies on LinuxGTK3, WebKitGTKQtCore, QtGui, QtWidgetsA Web Browser
Runtime Dependencies on macOSCocoa, WebKitQtCore, QtGui, QtWidgetsA Web Browser

Supported Web Browsers

BrowserWindowsmacOSLinux
Mozilla Firefox✔️✔️✔️
Google Chrome✔️✔️✔️
Microsoft Edge✔️✔️✔️
Chromium✔️✔️✔️
Yandex✔️✔️✔️
Brave✔️✔️✔️
Vivaldi✔️✔️✔️
Epic✔️✔️not available
Apple Safarinot availablecoming soonnot available
Operacoming sooncoming sooncoming soon

UI & The Web Technologies

Borislav Stanimirov discusses using HTML5 in the web browser as GUI at the C++ Conference 2019 (YouTube).

<div align="center">

CppCon

</div>

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 Browsers?

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?

diagram

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

License

Licensed under the MIT License.