UiWizard

UiWizard is a python-based ui-framework for the web. Why create this project? - Learning. I wanted to figure out how to do something simillar but without using websockets - I wanted to try out HTMX - Limited control over the underlaying tech stack but mainly just learning

Exmaple and docs UI-Wizard

Features

• Tailwind and DaisyUI for the graphics and responsive layout
• Webbased
• Quite a lot of standard elements, input fields, dropdown, foot, header, tabs...
• HTMX for interactivity
• Hopefully great defaults!

Usage

Install the library

pip install uiwiz

Create a main.py file

from uiwiz.app import UiwizApp
from uiwiz import ui
import uvicorn

app = UiwizApp()

@app.page("/")
async def home_page(request: Request):
    ui.label("Hello world")


if __name__ == "__main__":
    uvicorn.run("main:app", reload=True)

Run it

python main.py

General info

HTMX works with input fields in HTML and forms. To make it a bit easier to work with the form submit event does not send the data in the normal form format but uses the HTMX extension to convert it to json. This means that endpoints using UiWizard can use pydantic models as the input and have the benefit of validation.