Skip to content

CrystalWindSnake/nicegui-toolkit

Repository files navigation

niceguiToolkit

English| 简体中文

toolkit for NiceGUI

📦 Install

pip install niceguiToolkit -U

layout development tool

Visual Style Settings

layout development tool

Code Generation code generation

Tailwindcss auto completion support tailwindcss auto completion support

  • Jump to source code
  • Visual layout style settings
  • Generate code to source files
  • Support for tailwindcss
    • Auto-completion suggestions
    • Full-text search
    • Preview available; the interface displays the real-time effect when candidates are selected
  • generate props settings for each component
  • Custom settings

In your program's entry file, call the inject_layout_tool method

from nicegui import ui
from nicegui_toolkit import inject_layout_tool

# make sure to call this method before creating any UI components
inject_layout_tool()


ui.label("label")
ui.label("label with style").style("width:80%;")

with ui.card(), ui.card().style(""):
    ui.input("user name", placeholder="enter your name:")
    ui.label("xxxx").style("width:500px;")
ui.input("password", placeholder="enter your password:").style(
    "font-size:1.7rem;color:#a12d2d"
)

ui.run()

If you are using PyCharm:

from nicegui import ui
from nicegui_toolkit import inject_layout_tool


inject_layout_tool(ide="pycharm")

...