快速搭建web见面

Falko Schindler f52002e3bb #371 extend new colors to avatar, badge, icon, knob, linear/circular progress and spinner hace 2 años
.github 92f88d2848 #660 using alternative release action to trigger release event hace 2 años
.vscode 11f4ec8a30 switch to isort for sorting python imports hace 2 años
examples 217f529864 review hace 2 años
nicegui f52002e3bb #371 extend new colors to avatar, badge, icon, knob, linear/circular progress and spinner hace 2 años
sceenshots b21f950aad update screenshot for readme hace 2 años
tests e3b8ea9465 #371 introduce color parameter for ui.button hace 2 años
website 6cbfe1f8ee #692 add table demo about showing and hiding columns hace 2 años
.dockerignore 935179f5a1 fly deployment of 0.9 legacy docs hace 2 años
.gitignore ef67ca1c6b removed pycharm idea files. hace 2 años
.syncignore 426f420a0f providing ignore file for livesync hace 2 años
CITATION.cff deb208a2b1 Update citation.cff hace 2 años
CODE_OF_CONDUCT.md 513a4f6f0f Create CODE_OF_CONDUCT.md hace 2 años
CONTRIBUTING.md 6a54ec4e6e review hace 2 años
DEPENDENCIES.md 965aa86fba #580 update DEPENDENCIES and fetch_dependencies for plotly 2.20.0 hace 2 años
LICENSE 0cb68ea25c Adding license hace 4 años
README.md f21e3873dc #439 use terms "example" and "demo" more consistently hace 2 años
development.dockerfile 24507480a9 Using python 3.11 in release docker image. hace 2 años
docker-compose.yml a1e97ac112 fixed port hace 3 años
docker.sh e40f78d90a starting and stopping all services hace 2 años
fetch_dependencies.py 965aa86fba #580 update DEPENDENCIES and fetch_dependencies for plotly 2.20.0 hace 2 años
fetch_tailwind.py a347578b98 #362 split Tailwind types into separate files; remove huge TailwindClass hace 2 años
fly.dockerfile 971c577c40 removed obsolete -e flag hace 2 años
fly.toml 6265087b12 #524 remove statics from fly configuration hace 2 años
main.py 5455de5c8d Merge branch 'background' hace 2 años
nicegui.code-workspace b908b82ce6 adding recommendation for Vue extension hace 2 años
poetry.lock 4622d1c284 #524 introduce nicegui.__version__ hace 2 años
prometheus.py 28f4491198 adding session middleware only once at right time hace 2 años
pyproject.toml 4622d1c284 #524 introduce nicegui.__version__ hace 2 años
pytest.ini 16e1b05150 moved pytest.ini to root because pytests are executed from this dir hace 2 años
release.dockerfile 8693f4e941 fixed docker container hace 2 años
setup.py ff08954e1a Increases version to 1.0 for local installations hace 3 años
test_startup.sh b93b883e4e code review hace 2 años

README.md

<img src="https://raw.githubusercontent.com/zauberzeug/nicegui/main/sceenshots/ui-elements-narrow.png"

width="200" align="right" alt="Try online!" />

NiceGUI

NiceGUI is an easy-to-use, Python-based UI framework, which shows up in your web browser. You can create buttons, dialogs, Markdown, 3D scenes, plots and much more.

It is great for micro web apps, dashboards, robotics projects, smart home solutions and similar use cases. You can also use it in development, for example when tweaking/configuring a machine learning algorithm or tuning motor controllers.

NiceGUI is available as PyPI package, Docker image and on GitHub.

PyPI version PyPI - Downloads Docker Pulls
GitHub commit activity GitHub issues GitHub forks GitHub stars GitHub license

Features

  • browser-based graphical user interface
  • implicit reload on code change
  • standard GUI elements like label, button, checkbox, switch, slider, input, file upload, ...
  • simple grouping with rows, columns, cards and dialogs
  • general-purpose HTML and Markdown elements
  • powerful high-level elements to
    • plot graphs and charts,
    • render 3D scenes,
    • get steering events via virtual joysticks
    • annotate and overlay images
    • interact with tables
    • navigate foldable tree structures
  • built-in timer to refresh data in intervals (even every 10 ms)
  • straight-forward data binding to write even less code
  • notifications, dialogs and menus to provide state of the art user interaction
  • shared and individual web pages
  • ability to add custom routes and data responses
  • capture keyboard input for global shortcuts etc.
  • customize look by defining primary, secondary and accent colors
  • live-cycle events and session data

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: ui.notify('button was pressed'))

ui.run()

Launch it with:

python3 main.py

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

Documentation and Examples

The documentation is hosted at https://nicegui.io/documentation and provides plenty of live demos. The whole content of https://nicegui.io is implemented with NiceGUI itself.

You may also have a look at our in-depth examples of what you can do with NiceGUI.

Why?

We at Zauberzeug like Streamlit but find it does too much magic when it comes to state handling. In search for an alternative nice library to write simple graphical user interfaces in Python we discovered JustPy. Although we liked the approach, it is too "low-level HTML" for our daily usage. But it inspired us to use Vue and Quasar for the frontend.

We have built on top of FastAPI, which itself is based on the ASGI framework Starlette and the ASGI webserver Uvicorn because of their great performance and ease of use.

Contributing

Thank you for your interest in contributing to NiceGUI! We are thrilled to have you on board and appreciate your efforts to make this project even better.

As a growing open-source project, we understand that it takes a community effort to achieve our goals. That's why we welcome all kinds of contributions, no matter how small or big they are. Whether it's adding new features, fixing bugs, improving documentation, or suggesting new ideas, we believe that every contribution counts and adds value to our project.

We have provided a detailed guide on how to contribute to NiceGUI in our CONTRIBUTING.md file. We encourage you to read it carefully before making any contributions to ensure that your work aligns with the project's goals and standards.

If you have any questions or need help with anything, please don't hesitate to reach out to us. We are always here to support and guide you through the contribution process.

Included Web Dependencies

See DEPENDENCIES.md for a list of web frameworks NiceGUI depends on.