Metadata-Version: 2.4
Name: niceguiToolkit
Version: 0.4.0
Summary: toolkit for nicegui.
Author-email: CrystalWindSnake <568166495@qq.com>
License-Expression: MIT
License-File: LICENSE
Keywords: nicegui,tool,webui
Requires-Python: >=3.9
Requires-Dist: asttokens>=2.4.1
Requires-Dist: executing>=2.1.0
Requires-Dist: nicegui~=3.5
Description-Content-Type: text/markdown

# niceguiToolkit

<div align="center">

English| [简体中文](./README.zh-CN.md)

</div>

toolkit for [NiceGUI](https://github.com/zauberzeug/nicegui)

## 📦 Install

```
pip install niceguiToolkit -U
```

## layout development tool

Visual Style Settings

![layout development tool](./asset/layout_dev_tool.gif)

Code Generation
![code generation](./asset/code_gen.gif)

Tailwindcss auto completion support
![tailwindcss auto completion support](./asset/tailwindcss_auto_completion.gif)

- [x] Jump to source code
- [x] Visual layout style settings
- [x] Generate code to source files
- [x] Support for tailwindcss
  - [x] Auto-completion suggestions
  - [x] Full-text search
  - [x] 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
```python
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:
```python
from nicegui import ui
from nicegui_toolkit import inject_layout_tool


inject_layout_tool(ide="pycharm")

...

```

