快速搭建web见面

Falko Schindler c25a350d22 introduce dialog 3 rokov pred
.github 1d64f44a4b simpler name 4 rokov pred
.vscode 3ed9b0804f adding jinja-html vscode extension 4 rokov pred
nicegui c25a350d22 introduce dialog 3 rokov pred
sceenshots 02e770f4c1 adding docs for some interactive elements 4 rokov pred
.gitignore 11844e40cc cleanup 4 rokov pred
LICENSE 0cb68ea25c Adding license 4 rokov pred
README.md 941569ea43 new favicon 3 rokov pred
custom_test.py aaf0b672da remove three element 4 rokov pred
development.dockerfile 68fa244564 making sure we support python 3.7 3 rokov pred
docker-compose.yml e5a062aaa9 cleanup 3 rokov pred
docker.sh f6a2e09c06 run command is not needed 3 rokov pred
examples.py 05d0551054 update documentation with ui.run() 3 rokov pred
main.py c25a350d22 introduce dialog 3 rokov pred
nicegui.code-workspace 3ed9b0804f adding jinja-html vscode extension 4 rokov pred
poetry.lock 54265e3e6b update binding to version 0.3.1 3 rokov pred
pyproject.toml 54265e3e6b update binding to version 0.3.1 3 rokov pred
release.dockerfile 477a2e7e58 now we use our own template instead of patching justpy 4 rokov pred

README.md

NiceGUI

We like Streamlit but find it does too much magic when it comes to state handling. In search for an alernative nice library to write simple graphical user interfaces in Python we discovered justpy. While too "low-level HTML" for our daily usage it provides a great basis for "NiceGUI".

Purpose

NiceGUI is intended to be used for small scripts and single-page user interfaces with a very limited user base. Like smart home solutions, micro web apps or robotics projects. It's also helpful for development, when tweaking/configuring a machine learning training or tuning motor controllers.

Features

  • browser-based graphical user interface
  • shared state between multiple browser windows
  • implicit reload on code change
  • clean set of GUI elements (label, button, checkbox, switch, slider, input, ...)
  • simple grouping with rows, columns and cards
  • general-purpose HTML and markdown elements
  • built-in timer to refresh data in intervals (even every 10 ms)
  • straight-forward data binding to write even less code

Installation

python3 -m pip install nicegui

Usage

Write your nice GUI in a file main.py:

from nicegui import ui

ui.label('Hello NiceGUI!')
ui.button('BUTTON', on_click=lambda: print('button was pressed', flush=True))

ui.run()

Launch it with:

python3 main.py

The GUI is now avaliable through http://localhost/ in your browser. Note: The script will automatically reload the page when you modify the code.

Configuration

You can call ui.run() with optional arguments for some high-level configuration:

  • host (default: '0.0.0.0')
  • port (default: 80)
  • title (default: 'NiceGUI')
  • favicon (default: 'favicon.ico')
  • reload: automatically reload the ui on file changes (default: True)
  • show: automatically open the ui in a browser tab (default: True)

Docker

Use the multi-arch docker image for pain-free installation:

docker run --rm -p 8888:80 -v $(pwd)/my_script.py:/app/main.py -it zauberzeug/nicegui:latest

This will start the server at http://localhost:8888 with code from my_script.py within the current directory. Code modification triggers an automatic reload.

API

The API reference is hosted at https://nicegui.io and is implemented with NiceGUI itself. You should also have a look at examples.py for an extensive demonstration of what you can do with NiceGUI.