# 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
Code Generation
Tailwindcss auto completion support
- [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")
...
```
Raw data
{
"_id": null,
"home_page": "https://github.com/CrystalWindSnake/nicegui-toolkit",
"name": "niceguiToolkit",
"maintainer": null,
"docs_url": null,
"requires_python": "<4.0,>=3.8",
"maintainer_email": null,
"keywords": "nicegui, webui",
"author": "CrystalWindSnake",
"author_email": "568166495@qq.com",
"download_url": "https://files.pythonhosted.org/packages/5b/d9/5ec97cf76f2d016a05300b3eb0a1968e8b8a08c2c7e290303a544aa4e53f/niceguitoolkit-0.3.0.tar.gz",
"platform": null,
"description": "# niceguiToolkit\n\n<div align=\"center\">\n\nEnglish| [\u7b80\u4f53\u4e2d\u6587](./README.zh-CN.md)\n\n</div>\n\ntoolkit for [NiceGUI](https://github.com/zauberzeug/nicegui)\n\n## \ud83d\udce6 Install\n\n```\npip install niceguiToolkit -U\n```\n\n## layout development tool\n\nVisual Style Settings\n\n\n\nCode Generation\n\n\nTailwindcss auto completion support\n\n\n- [x] Jump to source code\n- [x] Visual layout style settings\n- [x] Generate code to source files\n- [x] Support for tailwindcss\n - [x] Auto-completion suggestions\n - [x] Full-text search\n - [x] Preview available; the interface displays the real-time effect when candidates are selected\n- [ ] generate props settings for each component\n- [ ] Custom settings\n\n\nIn your program's entry file, call the `inject_layout_tool` method\n```python\nfrom nicegui import ui\nfrom nicegui_toolkit import inject_layout_tool\n\n# make sure to call this method before creating any UI components\ninject_layout_tool()\n\n\nui.label(\"label\")\nui.label(\"label with style\").style(\"width:80%;\")\n\nwith ui.card(), ui.card().style(\"\"):\n ui.input(\"user name\", placeholder=\"enter your name:\")\n ui.label(\"xxxx\").style(\"width:500px;\")\nui.input(\"password\", placeholder=\"enter your password:\").style(\n \"font-size:1.7rem;color:#a12d2d\"\n)\n\nui.run()\n\n```\n\nIf you are using PyCharm:\n```python\nfrom nicegui import ui\nfrom nicegui_toolkit import inject_layout_tool\n\n\ninject_layout_tool(ide=\"pycharm\")\n\n...\n\n```\n\n",
"bugtrack_url": null,
"license": "MIT",
"summary": "toolkit for nicegui",
"version": "0.3.0",
"project_urls": {
"Homepage": "https://github.com/CrystalWindSnake/nicegui-toolkit",
"Repository": "https://github.com/CrystalWindSnake/nicegui-toolkit"
},
"split_keywords": [
"nicegui",
" webui"
],
"urls": [
{
"comment_text": "",
"digests": {
"blake2b_256": "a2419b1b2f17ab43c6a5e0c1cbd3eb63fd66ef65a444bab2d1a896044ffb8e41",
"md5": "dcb790dd32e63f082d1eb92f2d474110",
"sha256": "6cc79bdceedc6a412ea2d50ce2957d29ad512315945e3de5661532df6604b15d"
},
"downloads": -1,
"filename": "niceguitoolkit-0.3.0-py3-none-any.whl",
"has_sig": false,
"md5_digest": "dcb790dd32e63f082d1eb92f2d474110",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": "<4.0,>=3.8",
"size": 264925,
"upload_time": "2024-11-01T12:34:17",
"upload_time_iso_8601": "2024-11-01T12:34:17.462061Z",
"url": "https://files.pythonhosted.org/packages/a2/41/9b1b2f17ab43c6a5e0c1cbd3eb63fd66ef65a444bab2d1a896044ffb8e41/niceguitoolkit-0.3.0-py3-none-any.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": "",
"digests": {
"blake2b_256": "5bd95ec97cf76f2d016a05300b3eb0a1968e8b8a08c2c7e290303a544aa4e53f",
"md5": "0544808b71ae44fa200ea3d8259d4e21",
"sha256": "39d005d7db019039121860644f02348ce471eb5917e9ec539c16d634eb512a64"
},
"downloads": -1,
"filename": "niceguitoolkit-0.3.0.tar.gz",
"has_sig": false,
"md5_digest": "0544808b71ae44fa200ea3d8259d4e21",
"packagetype": "sdist",
"python_version": "source",
"requires_python": "<4.0,>=3.8",
"size": 255455,
"upload_time": "2024-11-01T12:34:20",
"upload_time_iso_8601": "2024-11-01T12:34:20.064547Z",
"url": "https://files.pythonhosted.org/packages/5b/d9/5ec97cf76f2d016a05300b3eb0a1968e8b8a08c2c7e290303a544aa4e53f/niceguitoolkit-0.3.0.tar.gz",
"yanked": false,
"yanked_reason": null
}
],
"upload_time": "2024-11-01 12:34:20",
"github": true,
"gitlab": false,
"bitbucket": false,
"codeberg": false,
"github_user": "CrystalWindSnake",
"github_project": "nicegui-toolkit",
"travis_ci": false,
"coveralls": false,
"github_actions": true,
"lcname": "niceguitoolkit"
}
JSON
