{"id":28317325,"url":"https://github.com/s71m/nicegui_dashboard","last_synced_at":"2025-06-24T14:31:36.686Z","repository":{"id":264746611,"uuid":"894272727","full_name":"s71m/nicegui_dashboard","owner":"s71m","description":"Example of template to build dashboard with using NiceGUI","archived":false,"fork":false,"pushed_at":"2025-04-08T03:01:53.000Z","size":151,"stargazers_count":22,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-01T13:12:01.928Z","etag":null,"topics":["cards","dashboard","drag-and-drop","nicegui","vue-flow"],"latest_commit_sha":null,"homepage":"https://nicegui.io/","language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/s71m.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-26T04:09:42.000Z","updated_at":"2025-05-16T03:28:09.000Z","dependencies_parsed_at":"2025-04-08T04:19:40.031Z","dependency_job_id":"6c3359db-3f46-43a2-b426-4bd2ee7791fe","html_url":"https://github.com/s71m/nicegui_dashboard","commit_stats":null,"previous_names":["s71m/nicegui_dashboard"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/s71m/nicegui_dashboard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/s71m%2Fnicegui_dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/s71m%2Fnicegui_dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/s71m%2Fnicegui_dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/s71m%2Fnicegui_dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/s71m","download_url":"https://codeload.github.com/s71m/nicegui_dashboard/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/s71m%2Fnicegui_dashboard/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261694186,"owners_count":23195528,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cards","dashboard","drag-and-drop","nicegui","vue-flow"],"created_at":"2025-05-25T04:20:35.501Z","updated_at":"2025-06-24T14:31:36.676Z","avatar_url":"https://github.com/s71m.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"\nThis repository demonstrates how quickly and elegantly you can create dashboards with **NiceGUI**. After trying Streamlit, Dash, Panel, and now NiceGUI, I've found that [NiceGUI](https://nicegui.io/) is fast, intuitive, and supports many plugins.\n\nThe purpose of this repository is to provide a friendly starting point for developers who want to work with NiceGUI.\n\n----------\n\n## Add new page  \n  \n- Explore [example_page.py](web%2Fpages%2Fexamples%2Fexample_page.py) to see how a page is built.  \n- Create a new folder under `web/pages/` (e.g., `new_folder`).  \n- Add a `new_page.py` file with a `NewPage` class.  \n- Click the \"Reload\" button and watch it appear automatically in the application!.  \n  \n----------  \n  ### **How to Start**\n\n1.  Install the required dependencies using:\n   ```bash\n   pip install -r requirements.txt\n   ```\n    \n2.  Launch the application:\n   ```bash\n   cd nicegui_dashboard\n   python -m web.app\n   ```\n    \n3.  Open your browser and navigate to:\n    `http://localhost:8080`\n\n\n### Explanation of project structure: `nicegui_dashboard`\n\n#### **web/**\n\n-   **`app.py`**: Main entry point for the application.\n-   **`header.py`**: Defines the UI layout and functionality for the application's header.\n-   **`pageconf.yaml`**: YAML configuration file for page settings.\n-   **`pagetemplate.py`**: Base template for creating pages with a common structure.\n\n----------\n\n#### **web/components/**\n\n-   **`modulereloader.py`**: Handles reloading of modules for dynamic updates during development without restarting the server.\n-   **`pageconf.py`**: Manages page configurations stored in the YAML file.\n-   **`pageinfo.py`**: Provides metadata about each page (e.g., route, name).\n-   **`pagemanager.py`**: Creates the page structure (`{folder}/{module}`) and handles page routing.\n\n----------\n\n#### **web/pages/**\n\n-   **`examples/example_page.py`**: Demonstrates how to create a new page using `PageTemplate`.\n-   **`cards/cards_page.py`**: Implements a page displaying grid of cards.\n-   **`cards/cards_polars_page.py`**: Similar to `cards_page.py` but with using Polars.\n-   **`tools/project_modules_page.py`**: Visualizes currently running project modules, allowing for reloading.\n\n----------\n\n#### **web/static/**\n\n-   Static files for styling and interactivity.\n    -   **`drawer.js`**: JavaScript for dynamically changing the width of `ui.left_drawer` (sidebar).\n    -   **`header.css`**: CSS for styling the application's header.\n    -   **`styles.css`**: Global styles for the dashboard.\n\n\n\n\n\n\nhttps://github.com/user-attachments/assets/cadec471-1204-446f-bb4e-2ad72adeebfd\n\n## VueFlow for NiceGUI\n\nhttps://github.com/user-attachments/assets/11dba36d-17fe-47e8-82b2-8f94fa83de84\n\n\n\n\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fs71m%2Fnicegui_dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fs71m%2Fnicegui_dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fs71m%2Fnicegui_dashboard/lists"}