What is PUI

PUI is a reactive/declarative UI framework with two-way data binding. PUI doesn't do UI itself, it turns imperative UI libraries into reactive/declarative flavor with virtual DOM and aims to maintain interoperability.

Slides for SciWork 2023

CPPUI: Experimental C++ Version

Features

Declarative UI
Reactive state with two-way binding
Hot Reloading
Multiple Backends

Installation

pip install QPUIQ

# Optional, for hot-reload
pip install jurigged

# Optional, for PySide6 backend
pip install PySide6

# Optional, for textual backend
pip install textual

# Optional, for wxPython backend
pip install wxPython

# Optional, for flet backend
pip install flet

Get Started

Hello World

# example/hello_world.py
from PUI.PySide6 import *

@PUIApp
def Example():
    with Window(title="test", size=(320,240)):
        Label("Hello world")

root = Example()
root.run()

Hello World

State & Data Binding

# example/generic_textfield.py
from PUI.PySide6 import *

data = State()
class Example(Application):
    def __init__(self):
        super().__init__()
        data.var = 0

    def content(self):
        with Window(title="blah"):
            with VBox():
                with HBox():
                    Button("-").click(self.on_minus)
                    Label(f"{data.var}")
                    Button("+").click(self.on_plus)

                TextField(data("var")) # binding

    def on_minus(self):
        data.var -= 1

    def on_plus(self):
        data.var += 1

root = Example()
root.run()

State & Data Binding

View Component

# example/bleak_list.py

....

@PUI # View Component
def DeviceView(device, advertising_data):
    Label(f"{device.address} {device.name} {advertising_data.rssi}")

class GUI(Application):
    def __init__(self, state):
        super().__init__()
        self.state = state

    def content(self):
        with Window(title="BLE List"):
            with VBox():
                Label(f"Found {len(self.state.scanned_devices)} devices")
                for device, advertising_data in self.state.scanned_devices:
                    DeviceView(device, advertising_data)

....

View Component

Layout & Styling

# example/pyside6_feedparser.py

...
with VBox():
    Label(title).qt(StyleSheet={"font-weight":"bold"}) # QT-specific

    with HBox():
        with Scroll():
            with VBox():
                for i,e in enumerate(entries):
                    Label(e.title).click(self.entry_selected, i)
                Spacer()

        with Scroll().layout(weight=1): # Generic Layout Parameter
            if 0 <= selected and selected < len(entries):
                (Text(entries[selected].description)
                    .layout(padding=10) # Generic Layout Parameter
                    .qt(StyleSheet={"background-color":"white", "color":"black"})) # QT-specific
...

Layout & Styling

Canvas

# example/generic_canvas.py

from PUI.PySide6 import *

data = State()
class Example(Application):
    def __init__(self):
        super().__init__()
        data.var = 50

    def content(self):
        with Window(title="blah", size=(640,480)):
            with VBox():
                Canvas(self.painter, data.var)
                with HBox():
                    Button("-").click(self.on_minus)
                    Label(f"{data.var}").layout(weight=1)
                    Button("+").click(self.on_plus)

    @staticmethod
    def painter(canvas, var):
        # Canvas coordinates are logical pixels. Use pixel_density when
        # preparing raster images for HiDPI displays.
        raster_scale = canvas.pixel_density
        canvas.drawText(var, var/2, f"blah {var}")
        canvas.drawLine(var, var, var*2, var*3, color=0xFFFF00)

    def on_minus(self):
        data.var -= 1

    def on_plus(self):
        data.var += 1

root = Example()
root.run()

canvas.pixel_density is the number of physical display pixels per logical canvas pixel. It is updated before each paint where the backend exposes the display scale, so moving a window between displays is handled automatically. Canvas coordinates remain in logical pixels; multiply raster image resolution by pixel_density when generating HiDPI content. Backends that cannot report a display scale use 1.0.

Canvas

Cookbook

python -m cookbook PySide6 (requires pygments for syntax highlight)

Cookbook 1 Cookbook 2

python -m cookbook textual

python -m cookbook flet

python -m cookbook tkinter

Hot Reload

pip install jurigged

Then PUI will take care of view update (code)

Backends

Tier-1

PySide6

Lower Priority

wx
tkinter
- or https://github.com/rdbende/Sun-Valley-ttk-theme
flet
textual (Text Mode)
- no canvas

Documents

Used by

TODO

Dump with layout parameters and add test cases
Toga
[ISSUE] flet layout sizing (cookbook scroll example)
nested state trigger
- set state in PUIView init
- set state in setup() ?
Tabs(tabposition)
Lazy List
UI Flow
- Navigation Stack
- View Router
- Model Window/Dialog
Layout
- SwiftUI style overlay ??
Canvas
- Arc
- ...
State with Pydantic support?

Metadata

Release files for qpuiq 0.50

For a detailed explanation of source distributions (sdists) and built distributions (wheels), please see the package formats documentation.

Source distribution (sdist)

Source distribution for qpuiq 0.50
File	Size	Uploaded
qpuiq-0.50.tar.gz	53.4 kB	Oct 11, 2026	Details

Built distribution (wheel)

Table of built distributions (wheels) for qpuiq 0.50
File	Interpreter	ABI	Platform	Reset
qpuiq-0.50-py3-none-any.whl 79.7 kB Oct 11, 2026	Python 3	none	any	Details

Total release size: 133.2 kB

Release files / qpuiq-0.50.tar.gz

Download URL	qpuiq-0.50.tar.gz
Size	53.4 kB
Tags	Source
SHA-256 checksum How to use checksums	`cef197660536ea54d1a9f5aab55669eec5fbca1cc536ac00d9220fc42ea34ece`
BLAKE2b-256 checksum How to use checksums	`b2beedd0ea0f3fae6c0722719d6e8c9537308d2c5d99d4bccd788a1d21bd98db`
Upload date	Oct 11, 2026
Uploaded using Trusted Publishing? What is trusted publishing?	No
Uploaded via	`twine/6.2.0 CPython/3.14.6`

Release files / qpuiq-0.50-py3-none-any.whl

Download URL	qpuiq-0.50-py3-none-any.whl
Size	79.7 kB
Tags	Python 3
SHA-256 checksum How to use checksums	`c9ff431b123a8535623ac8877193aca770fa3dafcce275b8a2048b81ad0cea78`
BLAKE2b-256 checksum How to use checksums	`0d4f686a7d2e4f65916be1e0281a9dc7a1ea6cc6899e7f9a3a86f20ad36d96f6`
Upload date	Oct 11, 2026
Uploaded using Trusted Publishing? What is trusted publishing?	No
Uploaded via	`twine/6.2.0 CPython/3.14.6`